/*
  soOho's warehouse — v0.2
  Fonts are loaded by URLs; NO FONT FILES are included in this package.
  Font credits / terms: see README.md.
*/
@font-face {
  font-family: 'MabiClassic';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/MabinogiClassicR.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'DNFBitBitV2';
  src: url('https://cdn.df.nexon.com/img/common/font/DNFBitBitv2.otf') format('opentype');
  font-weight: 400;
  font-display: swap;
}
:root {
  --pink: #eb4f92;
  --pink-dark: #ba3a7d;
  --pink-light: #ffe5f2;
  --pink-very-light: #fff5fa;
  --lavender: #cdb5f0;
  --lavender-soft: #f1e5fd;
  --lavender-grey: #9e85b5;
  --text: #503450;
  --line: #e7bfdc;
  --white: #fff;
  --pixel-font: 'DNFBitBitV2', 'Malgun Gothic', sans-serif;
  --body-font: 'MabiClassic', 'Malgun Gothic', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  font: 16px/1.7 var(--body-font);
  background-color: #f8eafa;
  background-image:
    radial-gradient(circle at 16px 15px, #eec7e8 2.5px, transparent 3px),
    radial-gradient(circle at 43px 39px, #d7c4f0 2px, transparent 2.5px),
    linear-gradient(135deg, #fff5fa 25%, transparent 25%),
    linear-gradient(225deg, #fff5fa 25%, transparent 25%);
  background-size: 62px 62px, 62px 62px, 50px 50px, 50px 50px;
  background-position: 0 0, 0 0, 0 0, 0 0;
}
a { color: inherit; }
a:focus-visible, button:focus-visible { outline: 3px dashed #7352a1; outline-offset: 4px; }
.site-wrapper { position: relative; max-width: 1000px; margin: 42px auto 42px; padding: 0 24px; }
.top-pixels { font-family: var(--pixel-font); text-align: center; font-size: 13px; letter-spacing: 2px; color: #a466a0; text-shadow: 1px 1px #fff; margin-bottom: 10px; }
.top-pixels span { color: #ff539f; }
.site-frame { border: 3px solid var(--pink-dark); background: white; box-shadow: 10px 10px 0 #d8b5e8, 14px 14px 0 #f7d3e9; }
.titlebar { background: var(--pink); color: white; height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 7px 0 15px; border-bottom: 3px solid var(--pink-dark); font-family: var(--pixel-font); }
.titlebar-name { font-size: 17px; line-height: 1; white-space: nowrap; }
.tiny-heart { font-size: 16px; vertical-align: 1px; }
.titlebar-buttons { display: flex; gap: 5px; font: 15px/1 monospace; }
.titlebar-buttons span { border: 1px solid white; width: 22px; height: 20px; text-align: center; line-height: 17px; }
.page-surface { padding: 22px 27px 0; background: linear-gradient(#fffdfd, #fff); }
.masthead { min-height: 258px; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 25px 35px 35px; overflow: hidden; isolation: isolate; border: 2px solid #e7a5c9; background: radial-gradient(circle at 92% 10%, #ffdbe9 1%, transparent 28%), linear-gradient(123deg, #f9e7fd, #fff1f8 50%, #e7dcff); }
.masthead:before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .26; background-image: repeating-linear-gradient(90deg,transparent 0 23px,#e2b6de 24px 25px),repeating-linear-gradient(0deg,transparent 0 23px,#e2b6de 24px 25px); mask-image: linear-gradient(90deg, transparent, #000 55%); }
.masthead-content { z-index: 1; }
.eyebrow { color: #b04b86; font: 11px/1.4 var(--pixel-font); letter-spacing: 1.4px; margin: 0 0 15px; }
.masthead h1 { margin: 0; font: 48px/1.05 var(--pixel-font); color: #b43c85; letter-spacing: 1px; text-shadow: 3px 3px #fff, 5px 5px #ead1f1; }
.masthead h1 span { color: #9e68bc; }
.masthead h1 b { color: #f87cb1; font-size: 32px; margin-left: 10px; vertical-align: 8px; }
.welcome { margin: 15px 0 0; font-size: 15px; line-height: 1.6; color: #664867; }
.banner-art-placeholder { flex: 0 0 208px; height: 148px; transform: rotate(4deg); background: #fffafd; border: 2px dashed #cb96c0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #b5769a; font-size: 12px; text-align: center; line-height: 1.6; box-shadow: 5px 5px #eed5ef; }
.art-icon { font: 38px/1 var(--pixel-font); color: var(--pink); }
.masthead-sparkle { position: absolute; font: 29px/1 var(--pixel-font); color: #f49bc7; }
.masthead-sparkle-a { right: 26px; top: 16px; }
.masthead-sparkle-b { left: 44%; bottom: 12px; }
.sticker-bandage { position: absolute; right: 33%; top: 18px; width: 74px; height: 25px; border: 2px solid #ce8eac; border-radius: 7px; transform: rotate(-27deg); background: #ffd5dd; display: flex; align-items: center; justify-content: center; color: #db7b9e; font-size: 15px; box-shadow: 2px 2px #fff; }
.sticker-bandage:before, .sticker-bandage:after { content: '··'; position: absolute; font-size: 13px; letter-spacing: 1px; color: #ce8eac; }
.sticker-bandage:before { left: 5px; } .sticker-bandage:after { right: 5px; }
.masthead-bottom { position: absolute; bottom: 9px; left: 26px; right: 26px; color: #a789a8; font: 10px/1.2 var(--pixel-font); letter-spacing: 1.5px; }
.masthead-bottom span { color: #e977ad; margin: 0 12px; }
.main-nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 16px 0 10px; }
.main-nav a { border: 2px solid #dc97c1; box-shadow: 3px 3px #f1d7ef; padding: 9px 6px; font: 16px/1.4 var(--pixel-font); color: #a44c80; text-decoration: none; text-align: center; background: #fff4fc; transition: background .15s ease, transform .15s ease; }
.main-nav a:hover { background: #f8def1; transform: translateY(-2px); }
.main-nav a.active { background: var(--pink); color: white; border-color: var(--pink-dark); box-shadow: 3px 3px #ddbfe7; }
.breadcrumb { color: #ba85a9; border-bottom: 1px dashed #efc4de; font: 11px/1.4 var(--pixel-font); letter-spacing: .5px; padding: 8px 3px 9px; display: flex; gap: 6px; align-items: center; }
.breadcrumb > span:first-child { color: var(--pink); }
.breadcrumb-sparkle { margin-left: auto; color: #c6a0d7; }
#app { min-height: 310px; padding: 25px 0 30px; }
.section-kicker { font: 12px/1.4 var(--pixel-font); color: var(--pink-dark); letter-spacing: 1px; margin: 0 0 7px; }
.section-head { margin: 0 0 20px; display: flex; align-items: center; gap: 10px; color: #c64a8d; font: 22px/1.3 var(--pixel-font); }
.section-head:after { content:''; flex: 1; height: 3px; background: repeating-linear-gradient(90deg,#efb6d8 0 13px,transparent 13px 19px); }
.feature-card { display: grid; grid-template-columns: 1fr 245px; gap: 27px; border: 2px solid #efd2e5; background: #fffafb; padding: 22px; box-shadow: 4px 4px 0 #fae8f3; min-height: 252px; }
.post-category { color: #d04a8b; font: 12px/1.3 var(--pixel-font); }
.post-title { color: #754063; font: 23px/1.4 var(--pixel-font); margin: 13px 0 7px; }
.post-meta { color: #9d8698; font-size: 13px; margin: 0 0 16px; }
.post-summary { margin: 0 0 17px; color: #684c65; font-size: 15px; line-height: 1.8; }
.read-more { text-decoration: none; font: 13px/1.3 var(--pixel-font); color: #c44c8d; border-bottom: 1px solid #d69abd; }
.read-more:hover { color: #8d438c; }
.feature-art { position: relative; min-height: 196px; display: grid; place-items: center; text-align:center; overflow:hidden; background: linear-gradient(145deg,#f9dbef 0%,#ffecf6 46%,#e5d3f5 100%); border: 2px solid #e1b6d3; color: #bd7eb1; }
.feature-art:before { content: ''; width: 126px; height: 126px; transform: rotate(45deg); background: #fff4fa; border: 2px dashed #deabc9; position: absolute; }
.feature-art-inner { z-index: 1; font: 18px/1.4 var(--pixel-font); color: #ba6a99; }
.feature-art-inner span { display:block; font-size: 39px; color: #dd6baa; line-height: 1.5; }
.feature-art:after { content:'♥ ✦ ♥'; position:absolute; right: 9px; bottom: 7px; font-size: 16px; color: #da89af; }
.archive-header { margin: 31px 0 13px; display:flex; justify-content:space-between; align-items:center; border-bottom: 2px solid #e9b8d7; padding-bottom: 9px; }
.archive-header h3 { margin:0; color: #b84f8a; font: 18px/1.3 var(--pixel-font); }
.archive-header .small-note { color:#a88a9c; font-size: 12px; }
.post-list { list-style:none; margin:0; padding:0; }
.post-list li { display:flex; align-items:center; justify-content:space-between; gap:14px; padding: 12px 8px; border-bottom: 1px dotted #e7cce0; }
.post-list li:before { content:'♡'; font-family: var(--pixel-font); color:#e477a9; margin-right: 2px; }
.post-list li a { flex:1; text-decoration:none; font-size: 15px; }
.post-list li a:hover { color:var(--pink-dark); text-decoration: underline; }
.post-list time { color:#ad96a9; font-size: 12px; white-space:nowrap; }
.list-all { display:block; text-align:right; color:#b44e83; text-decoration:none; font:12px/1.4 var(--pixel-font); margin-top:18px; }
.simple-page { max-width: 760px; margin: 0 auto; }
.empty-state { border:2px dashed #e4b5d6; background:#fff9fc; padding: 40px 24px; color:#996e90; text-align:center; }
.empty-state .big-heart { display:block; color:#e47da9; font-size: 34px; }
.article-card { border: 2px solid #efcfdf; background:#fffdfd; padding:27px 31px 32px; }
.article-card h2 { font: 25px/1.4 var(--pixel-font); color:#963f78; margin:15px 0 7px; }
.article-body { border-top:1px dashed #ebcada; margin-top:22px; padding-top:24px; line-height:1.95; font-size: 16px; }
.article-body p { margin:0 0 17px; white-space: pre-wrap; }
.article-placeholder { padding:36px 15px; margin:20px 0; background:#f8e7f5; border:2px dashed #dfb9d8; text-align:center; color:#a275a0; font-size:14px; }
.article-back { display:inline-block; color:#ac5284; margin:22px 0 10px; text-decoration:none; }
.comment-panel { margin-top:28px; padding:20px 25px; background:#fff8fc; border:2px solid #eec5e0; }
.comment-panel h3 { margin:0 0 12px; font: 17px/1.4 var(--pixel-font); color:#b04680; }
.comment-sample { background:white; border:1px solid #eed4e4; padding:15px; color:#836d7b; font-size:14px; }
.comment-sample strong { display:block; color:#c16a97; }
.comment-sample small { display:block; margin-top:5px; color:#998491; }
.section-summary { font-size: 15px; color:#907486; margin:0 0 15px; }
.site-footer { border-top: 3px double #e5a5c9; padding:22px 0 24px; display:flex; gap:28px; align-items:flex-end; }
.counter-widget { flex: 0 0 187px; border:2px solid #db9abc; background:#fff2f9; padding:12px 14px; box-shadow:4px 4px #f3d9eb; }
.counter-label { font:12px/1.5 var(--pixel-font); color:#b94b87; text-align:center; margin-bottom: 7px; }
.counter-row { display:flex; justify-content:space-between; align-items:baseline; margin:3px 0; }
.counter-row span { font: 12px/1.5 var(--pixel-font); }
.counter-row strong { font: 20px/1.4 var(--pixel-font); color:#d55c98; }
.counter-notice { margin: 9px 0 0; font-size: 11px; text-align:center; color:#a67b97; line-height:1.4; }
.footer-greeting { flex:1; min-width:0; }
.footer-rule { display:flex; align-items:center; gap:12px; color:#dd79ae; }
.footer-rule:before, .footer-rule:after { content:''; height:1px; flex:1; background:#dda9c9; }
.footer-greeting p { margin:10px 0 21px; font-size:14px; line-height:1.8; }
.footer-bottom { display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; color:#bc9bb1; font:10px/1.5 var(--pixel-font); }
.outside-text { text-align:center; font:12px/1.4 var(--pixel-font); color:#b67ba7; padding-top:14px; }
.background-ornament { position:fixed; font-family: var(--pixel-font); pointer-events:none; z-index:-1; color:#efbad9; text-shadow:3px 3px white; }
.ornament-l { left:3%; top:20%; font-size:58px; transform: rotate(-18deg); }
.ornament-r { right:2.5%; bottom:19%; font-size:70px; transform: rotate(22deg); }
@media (max-width: 740px) {
  body { background:#fff1f9; }
  .background-ornament, .top-pixels, .outside-text { display:none; }
  .site-wrapper { margin:0; padding:0; max-width:none; }
  .site-frame { border:0; box-shadow:none; }
  .titlebar { height:36px; border-bottom-width:2px; }
  .titlebar-name { font-size:14px; }
  .page-surface { padding: 14px 14px 0; }
  .masthead { min-height: 130px; padding: 16px; border-width:1px; }
  .masthead h1 { font-size: 27px; }
  .eyebrow { font-size: 9px; margin-bottom:6px; }
  .welcome { font-size:12px; margin-top:9px; }
  .masthead-bottom, .sticker-bandage, .masthead-sparkle, .banner-art-placeholder { display:none; }
  .main-nav { gap: 5px; margin: 10px 0 7px; }
  .main-nav a { padding: 9px 2px; font-size:12px; border-width:1px; box-shadow: 1px 1px #f1d7ef; }
  .breadcrumb { padding:8px 2px; }
  #app { padding:20px 0 23px; min-height: 240px; }
  .section-head { font-size:18px; }
  .feature-card { display:block; padding:17px; min-height:0; }
  .feature-art { display:none; }
  .post-title { font-size:18px; }
  .post-summary { font-size:14px; }
  .archive-header h3 { font-size:15px; }
  .archive-header .small-note { font-size:11px; }
  .post-list li { gap:6px; padding:12px 2px; }
  .post-list li a { font-size:14px; }
  .post-list time { font-size:11px; }
  .site-footer { gap:16px; align-items:stretch; flex-direction:column; }
  .counter-widget { flex:auto; padding:9px 15px; }
  .counter-row { display:inline-flex; width:49%; justify-content:center; gap:10px; }
  .counter-notice { margin:4px 0 0; }
  .footer-greeting p { text-align:center; }
  .footer-bottom { justify-content:center; text-align:center; }
  .article-card { padding:17px; }
  .article-card h2 { font-size:20px; }
  .comment-panel { padding:16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .main-nav a { transition:none; }
}

.font-credit { color:#b9a4b1; margin: 5px 0 0 !important; font-size:10px !important; }

/* v0.2 — real published articles + uploaded image layout */
.feature-image { width:100%;height:100%;object-fit:cover;position:absolute;inset:0; }
.feature-art:has(.feature-image)::before,.feature-art:has(.feature-image)::after{display:none;}
.rich-post{overflow-wrap:anywhere;}
.rich-post img{display:block;max-width:100%;height:auto;margin:18px auto;border:1px solid #edd3e3;}
.rich-post h2,.rich-post h3,.rich-post h4{color:#b94a8e;line-height:1.5;margin:24px 0 10px;}
.rich-post h2{font:21px/1.6 var(--pixel-font)}
.rich-post h3{font:18px/1.6 var(--pixel-font)}
.rich-post blockquote{margin:14px 0;padding:5px 15px;border-left:4px solid #ea82ba;background:#fff5fa;}
.rich-post a{color:#a63a88;text-decoration:underline;}
.rich-post ul,.rich-post ol{padding-left:28px;}


/* =============================================
   soOho v0.3 — dark mode + accessible theme menu
   Keep the pink/light version intact.
   ============================================= */
.theme-select-label { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; font:11px/1.2 var(--pixel-font); }
.theme-select-label select { appearance:none; border:1px solid rgba(255,255,255,.9); border-radius:0; background:rgba(255,255,255,.16); color:#fff; font:11px/1.3 var(--pixel-font); padding:5px 18px 5px 7px; cursor:pointer; min-width:100px; background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 11px) 48%,calc(100% - 7px) 48%;background-size:4px 4px;background-repeat:no-repeat; }
.theme-select-label option{background:#fff;color:#513557;}
.theme-select-label select:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.titlebar-right,.admin-header-right{display:flex;align-items:center;gap:13px;min-width:0;}
.post-meta time, .post-list time {font-variant-numeric:tabular-nums;}
.article-modified { margin-top:-9px; font-size:12px; color:#907486; }
.editor-dates { margin:-3px 0 12px; color:#95728f; font-size:12px; line-height:1.6; }
@media(max-width:740px){.titlebar-right{gap:5px;}.titlebar-buttons{display:none}.theme-select-label{font-size:10px;}.theme-select-label select{min-width:73px;font-size:10px;padding:4px 16px 4px 5px;}.titlebar-name{font-size:12px;}}
@media(max-width:365px){.theme-select-label>span{display:none;}}

html[data-theme="dark"]{
  --pink:#8295e7;
  --pink-dark:#6b73c5;
  --pink-light:#302a4f;
  --pink-very-light:#24233e;
  --lavender:#c4a5ff;
  --lavender-soft:#272440;
  --lavender-grey:#b39ecc;
  --text:#e8e2fa;
  --line:#555277;
  --white:#17192c;
}
html[data-theme="dark"] body {
  color:var(--text);
  background-color:#0d1020;
  background-image:radial-gradient(circle at 14px 15px,#544b92 1.5px,transparent 2px),radial-gradient(circle at 44px 39px,#354a86 1.5px,transparent 2px),linear-gradient(135deg,#151a32 25%,transparent 25%),linear-gradient(225deg,#151a32 25%,transparent 25%);
  background-size:62px 62px,62px 62px,50px 50px,50px 50px;
}
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] button:focus-visible{outline-color:#aab8ff;}
html[data-theme="dark"] .top-pixels{color:#aa9ada;text-shadow:1px 1px #17152e;}
html[data-theme="dark"] .top-pixels span{color:#b9b0fc;}
html[data-theme="dark"] .background-ornament{color:#333f7d;text-shadow:3px 3px #19182c;}
html[data-theme="dark"] .site-frame{background:#15182b;border-color:#8e88db;box-shadow:10px 10px 0 #39335e,14px 14px 0 #25274b;}
html[data-theme="dark"] .titlebar{background:linear-gradient(90deg,#545eaf,#6969b9 56%,#7656ab);border-color:#393c87;}
html[data-theme="dark"] .page-surface{background:linear-gradient(#191b31,#14172b);}
html[data-theme="dark"] .masthead{background:radial-gradient(circle at 90% 10%,#414075 1%,transparent 27%),linear-gradient(125deg,#292544,#1a203f 55%,#273052);border-color:#7777b7;}
html[data-theme="dark"] .masthead::before{background-image:repeating-linear-gradient(90deg,transparent 0 23px,#686399 24px 25px),repeating-linear-gradient(0deg,transparent 0 23px,#686399 24px 25px);opacity:.24;}
html[data-theme="dark"] .eyebrow{color:#c6b4fa;}
html[data-theme="dark"] .masthead h1{color:#c5a7ff;text-shadow:3px 3px #262440,5px 5px #514e87;}
html[data-theme="dark"] .masthead h1 span{color:#95baff;}
html[data-theme="dark"] .masthead h1 b{color:#d5b1ff;}
html[data-theme="dark"] .welcome{color:#eee6ff;}
html[data-theme="dark"] .banner-art-placeholder{background:#252640;border-color:#7973af;color:#c8b8fa;box-shadow:5px 5px #34304e;}
html[data-theme="dark"] .art-icon{color:#a6b0ff;}
html[data-theme="dark"] .masthead-sparkle{color:#98a7ff;}
html[data-theme="dark"] .sticker-bandage{background:#7972c1;color:#f4e7ff;border-color:#aaa3e2;box-shadow:2px 2px #252442;}
html[data-theme="dark"] .sticker-bandage::before,html[data-theme="dark"] .sticker-bandage::after{color:#ddd2fa;}
html[data-theme="dark"] .masthead-bottom{color:#bab0df;}
html[data-theme="dark"] .masthead-bottom span{color:#96b1ff;}
html[data-theme="dark"] .main-nav a{color:#dbd5ff;background:#2a2b48;border-color:#6b6aab;box-shadow:3px 3px #292b56;}
html[data-theme="dark"] .main-nav a:hover{background:#34355b;}
html[data-theme="dark"] .main-nav a.active{background:#6668b4;color:#fff;border-color:#969ae0;box-shadow:3px 3px #38366b;}
html[data-theme="dark"] .breadcrumb{color:#aaa4df;border-bottom-color:#545076;}
html[data-theme="dark"] .breadcrumb>span:first-child,html[data-theme="dark"] .breadcrumb-sparkle{color:#adb8ff;}
html[data-theme="dark"] .section-kicker{color:#b2b6ff;}
html[data-theme="dark"] .section-head{color:#cbb5ff;}
html[data-theme="dark"] .section-head::after{background:repeating-linear-gradient(90deg,#696493 0 13px,transparent 13px 19px);}
html[data-theme="dark"] .feature-card{background:#22243d;border-color:#545275;box-shadow:4px 4px #2c2a4b;}
html[data-theme="dark"] .post-category{color:#b7baff;}
html[data-theme="dark"] .post-title{color:#d8c7ff;}
html[data-theme="dark"] .post-meta,html[data-theme="dark"] .article-modified{color:#beb2d7;}
html[data-theme="dark"] .post-summary{color:#e0d9f5;}
html[data-theme="dark"] .read-more{color:#aac2ff;border-color:#7b91cd;}
html[data-theme="dark"] .read-more:hover{color:#c6d6ff;}
html[data-theme="dark"] .feature-art{background:linear-gradient(145deg,#303559,#282947 55%,#4a376a);border-color:#7771af;color:#c9b8ff;}
html[data-theme="dark"] .feature-art::before{background:#202542;border-color:#8b87c9;}
html[data-theme="dark"] .feature-art-inner{color:#c2b5f0;}
html[data-theme="dark"] .feature-art-inner span,html[data-theme="dark"] .feature-art::after{color:#9db5ff;}
html[data-theme="dark"] .archive-header{border-bottom-color:#7770a2;}
html[data-theme="dark"] .archive-header h3{color:#cfbcff;}
html[data-theme="dark"] .archive-header .small-note{color:#aaa1c7;}
html[data-theme="dark"] .post-list li{border-bottom-color:#585274;}
html[data-theme="dark"] .post-list li::before{color:#a7b5ff;}
html[data-theme="dark"] .post-list li a:hover{color:#c3b4ff;}
html[data-theme="dark"] .post-list time{color:#aea7d1;}
html[data-theme="dark"] .empty-state{border-color:#62618a;background:#24253e;color:#d8cdf3;}
html[data-theme="dark"] .article-card{background:#20223a;border-color:#666085;}
html[data-theme="dark"] .article-card h2{color:#d7c5ff;}
html[data-theme="dark"] .article-body{border-top-color:#585278;}
html[data-theme="dark"] .article-back{color:#b3c3ff;}
html[data-theme="dark"] .comment-panel{background:#242440;border-color:#5b587d;}
html[data-theme="dark"] .comment-panel h3{color:#c7baff;}
html[data-theme="dark"] .comment-sample{background:#1d2036;border-color:#4e4a70;color:#d4cee8;}
html[data-theme="dark"] .comment-sample strong{color:#cbb8fa;}
html[data-theme="dark"] .comment-sample small{color:#b6abc8;}
html[data-theme="dark"] .site-footer{border-top-color:#6d649b;}
html[data-theme="dark"] .counter-widget{background:#232540;border-color:#7170a9;box-shadow:4px 4px #302f52;}
html[data-theme="dark"] .counter-label{color:#cab6ff;}
html[data-theme="dark"] .counter-row strong{color:#c0caff;}
html[data-theme="dark"] .counter-notice{color:#b9afd0;}
html[data-theme="dark"] .footer-rule{color:#aaaaff;}
html[data-theme="dark"] .footer-rule::before,html[data-theme="dark"] .footer-rule::after{background:#6b6592;}
html[data-theme="dark"] .footer-bottom,html[data-theme="dark"] .font-credit,html[data-theme="dark"] .outside-text{color:#ada3d0;}
html[data-theme="dark"] .rich-post img{border-color:#62608d;}
html[data-theme="dark"] .rich-post h2,html[data-theme="dark"] .rich-post h3,html[data-theme="dark"] .rich-post h4{color:#cfbaff;}
html[data-theme="dark"] .rich-post blockquote{border-left-color:#929de2;background:#2a2b4a;}
html[data-theme="dark"] .rich-post a{color:#b1c9ff;}
@media(max-width:740px){
  html[data-theme="dark"] body{background:#15182b;}
  html[data-theme="dark"] .site-frame{box-shadow:none;}
  html[data-theme="dark"] .main-nav a{box-shadow:1px 1px #31365c;}
}