:root{--bg:#0a1118;--panel:#111c26;--line:#273b47;--text:#e3eded;--muted:#9bb0b6;--teal:#57c8b8;--gold:#f0b85b;--plum:#ac7ce5;--font:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--font)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-head{height:68px;display:flex;align-items:center;gap:2rem;padding:0 max(20px,calc((100vw - 1180px)/2));background:#0d1720;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.wordmark{font:bold 1.4rem Georgia,serif;color:var(--gold)}.wordmark span{color:var(--teal)}.app-head nav{display:flex;gap:1.4rem;font-size:.88rem;flex:1}.app-head nav a{color:var(--muted)}.app-head nav a.active,.app-head nav a:hover{color:var(--text)}.head-search{border:1px solid var(--line);padding:.38rem .8rem;border-radius:99px;color:var(--muted);font-size:.8rem}.page{width:min(1180px,100%);margin:auto;padding:3rem 20px 5rem}.page-title p,.label,.search-page>p:first-child{color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.13em;margin:0}.page-title h1,.search-page h1{font:clamp(2rem,4vw,3.4rem)/1.12 Georgia,"Noto Serif Thai",serif;margin:.35rem 0}.page-title span{color:var(--muted)}.filterbar{display:flex;gap:.6rem;flex-wrap:wrap;margin:2rem 0}.filterbar button,.filterbar a,.pager button,.quick-tags button{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:.5rem .75rem;font-size:.8rem}.filterbar .selected,.pager .selected{background:var(--plum);border-color:var(--plum);color:#10131a}.library-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.lib-card{min-width:0}.lib-art{aspect-ratio:2/3;background:linear-gradient(145deg,#1d3d4d,#6f9f96 45%,#182328 46%);position:relative;overflow:hidden}.lib-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,#050a0a99 41% 48%,transparent 49%)}.lib-art i{position:absolute;z-index:1;top:8px;right:0;background:var(--plum);padding:1px 5px;font-style:normal;font-size:.55rem}.lib-art b{position:absolute;z-index:1;bottom:9px;left:9px;font:1.65rem Georgia,serif}.lib-card h3{font-size:.82rem;line-height:1.4;margin:.5rem 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-card p{font-size:.68rem;color:var(--muted);margin:0}.pager{display:flex;justify-content:center;gap:.35rem;margin-top:2.3rem}.series{max-width:1040px}.crumb{color:var(--teal);font-size:.82rem}.series-hero{display:grid;grid-template-columns:230px 1fr;gap:2.3rem;margin:2rem 0 3rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}.series-hero img{width:100%;aspect-ratio:2/3;object-fit:cover}.series-hero h1{font:clamp(2rem,4vw,3.4rem)/1.1 Georgia,"Noto Serif Thai",serif;margin:.35rem 0}.series-score{display:flex;gap:.65rem;align-items:center;font-size:.78rem;margin:.8rem 0}.series-score b{background:var(--gold);color:#13202a;padding:2px 8px}.series-hero>div>p:not(.label){color:#bed0d0;max-width:650px}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.primary,.secondary,.actions button{border:0;padding:.7rem 1rem;font-weight:800}.primary{background:var(--gold);color:#172029}.secondary,.actions button{background:var(--panel);border:1px solid var(--line);color:var(--text)}.chapter-panel{background:var(--panel);padding:1.5rem}.chapter-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1rem}.chapter-head h2{font:1.6rem Georgia,"Noto Serif Thai",serif;margin:.1rem 0}.chapter-head input,.chapter-head button{background:#091119;border:1px solid var(--line);color:var(--text);padding:.5rem;font-size:.78rem}.chapter-list{max-height:620px;overflow:auto}.chapter{display:flex;align-items:center;gap:1rem;padding:.9rem .2rem;border-bottom:1px solid #20313b}.chapter:hover{background:#172630}.chapter b{color:var(--teal);width:68px}.chapter span{flex:1;font-size:.82rem}.chapter time{color:var(--muted);font-size:.7rem}.reader-body{background:#080c11}.reader-head{height:56px;background:#0d1720;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#c9d7d8;font-size:.82rem}.reader-head button{background:none;border:1px solid var(--line);color:#dce8e9;padding:.35rem .7rem}.reader{width:min(800px,100%);margin:auto;background:#10161d}.reader-intro,.reader-end{text-align:center;padding:4rem 1.5rem;background:#0c1218}.reader-intro p{color:var(--gold);font-size:.74rem;letter-spacing:.12em}.reader-intro h1{font:2rem Georgia,"Noto Serif Thai",serif}.reader-intro span{color:var(--muted);font-size:.78rem}.strip{margin:0;aspect-ratio:1.77;overflow:hidden;background:#14222d}.strip img{width:100%;height:100%;object-fit:cover}.reader-copy{padding:3.5rem 13%;font-size:1.1rem;line-height:2;background:#f4eddf;color:#26343a}.reader-end p{color:var(--muted)}.reader-end div{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.reader-end a{background:var(--panel);border:1px solid var(--line);padding:.55rem .7rem;font-size:.78rem}.search-page{max-width:850px;text-align:center;padding-top:6rem}.big-search{display:flex;align-items:center;gap:10px;border:1px solid #3a5662;background:var(--panel);padding:.7rem 1rem;font-size:1.3rem;text-align:left}.big-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:1rem}.quick-tags{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:1rem}.search-results{display:grid;gap:.7rem;text-align:left;margin-top:2rem}.result{display:flex;gap:1rem;padding:1rem;background:var(--panel);border:1px solid var(--line)}.result b{color:var(--teal)}.continue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.continue-grid article{display:flex;gap:1rem;padding:1rem;background:var(--panel);border:1px solid var(--line)}.continue-grid img{width:90px;height:125px;object-fit:cover}.continue-grid h2{font:1.3rem Georgia,"Noto Serif Thai",serif;margin:.2rem 0}.continue-grid p{font-size:.75rem;color:var(--muted)}.continue-grid a{font-size:.8rem;color:var(--gold)}.progress{height:5px;background:#ffffff22;max-width:260px}.progress span{display:block;width:62%;height:100%;background:var(--gold)}.empty-state{text-align:center;padding:3rem;background:#101a23;border:1px dashed #38505b}.empty-state p{color:var(--muted)}@media(max-width:760px){.app-head{height:58px;gap:1rem}.app-head nav a:not(:nth-child(2)){display:none}.head-search{font-size:0;border:0}.head-search:first-letter{font-size:1.2rem}.page{padding:2rem 16px}.library-grid{grid-template-columns:repeat(3,1fr);gap:13px}.lib-card h3{font-size:.75rem}.series-hero{grid-template-columns:105px 1fr;gap:1rem}.series-hero h1{font-size:1.5rem}.series-hero>div>p:not(.label){font-size:.78rem}.chapter-panel{margin:0 -16px;padding:1rem}.chapter-head{display:block}.chapter-head>div:last-child{margin-top:.7rem}.chapter{gap:.5rem}.chapter time{display:none}.reader-copy{padding:2rem 10%;font-size:1rem}.continue-grid{grid-template-columns:1fr}.filterbar{flex-wrap:nowrap;overflow:auto}.filterbar>*{white-space:nowrap}}
body.ui-hidden .reader-head { transform: translateY(-110%); }
body.ui-hidden .reader { padding-top: 0; }
.reader-head { transition: transform .2s ease; }
.empty-chapters { padding: 2rem; text-align: center; }

/* Shared DOUJINDEN Archive palette for library, series, reader, search and history. */
:root{--bg:#121316;--panel:#1b1d21;--line:#383a40;--text:#e6e5e3;--muted:#a6a8ac;--teal:#c4585f;--gold:#d4c5ae;--plum:#c4585f}.app-head,.reader-head{background:#151619}.wordmark{color:#e6e5e3;letter-spacing:.08em}.wordmark span{color:#c4585f}.head-search{border-color:#3d3f45}.filterbar .selected,.pager .selected{color:#fff}.lib-art{background:#222429}.lib-art .real-art,.series-hero img,.result .real-art,.continue-grid img,.strip img{filter:grayscale(1) contrast(1.15) brightness(.62) sepia(.14) hue-rotate(310deg)}.reader{background:#16171b}.reader-intro,.reader-end{background:#111215}.reader-copy{background:#dad5ca;color:#202124}.chapter:hover{background:#26282e}.empty-state{background:#1a1c20;border-color:#494b51}

/* concept-16 dark doujin direction */
:root{
  --bg:#0d0b10;
  --panel:#17131c;
  --panel-2:#211927;
  --line:#3c3146;
  --text:#eee8ee;
  --muted:#b7aebd;
  --teal:#d45f77;
  --gold:#e3c07a;
  --plum:#8d6cff;
  --font:"Kanit","Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;
}
body{background:radial-gradient(circle at 18% -8%,#3d1828 0 18rem,transparent 31rem),linear-gradient(180deg,#0d0b10,#121019 42%,#0d0b10);}
.app-head,.reader-head{background:rgba(13,11,16,.92);backdrop-filter:blur(14px);border-bottom:1px solid #3c3146;}
.wordmark{font-family:Georgia,"Noto Serif Thai",serif;color:#f3edf1;letter-spacing:.11em}.wordmark span{color:var(--teal)}
.app-head nav a{min-height:44px;display:inline-flex;align-items:center}.head-search{min-height:44px;display:inline-flex;align-items:center;background:#211927;color:#eee8ee;border-radius:6px}
.page-title h1,.search-page h1,.series-hero h1,.chapter-head h2,.reader-intro h1,.continue-grid h2{font-family:Georgia,"Noto Serif Thai",serif;letter-spacing:0}
.filterbar button,.filterbar a,.pager button,.quick-tags button,.secondary,.actions button,.reader-end a{border-radius:6px;background:#211927}.filterbar .selected,.pager .selected{background:#d45f77;border-color:#d45f77;color:#120d13}
.library-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.lib-card{display:block}.lib-art{border-radius:8px;border:1px solid #3c3146;background:linear-gradient(145deg,#251b2d,#422033 55%,#151018);}.lib-art img{width:100%;height:100%;object-fit:cover}.lib-art i{border-radius:0 0 0 6px;background:#d45f77;color:#130d13;font-weight:900}.lib-card h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em}.lib-card p{color:#c9becb}
.series-hero{background:linear-gradient(135deg,rgba(33,25,39,.95),rgba(15,12,18,.92));border:1px solid var(--line);border-radius:8px;padding:1rem}.series-hero img{border-radius:8px;border:1px solid var(--line)}.series-score b,.primary{background:#e3c07a;color:#151019;border-radius:6px}.series-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0 0}.series-facts div{border:1px solid var(--line);background:#120f16;padding:.65rem;border-radius:6px}.series-facts dt{font-size:.7rem;color:#b7aebd}.series-facts dd{margin:0;font-weight:800}
.chapter-panel,.result,.continue-grid article,.empty-state{border-radius:8px}.chapter-head input,.chapter-head button{border-radius:6px;min-height:44px}.chapter{min-height:56px}.chapter b{color:#e3c07a}.chapter:hover{background:#241b2b}
.reader{background:#050407}.reader-intro,.reader-end{background:#0f0c12}.strip{aspect-ratio:9/16;background:#151018;border-top:1px solid #28202f;border-bottom:1px solid #28202f}.strip img{object-fit:cover}.reader-copy{background:#151018;color:#eee8ee;border-top:1px solid #33283d;border-bottom:1px solid #33283d}
.big-search{border-radius:8px;background:#17131c}.result .real-art{width:62px;height:86px;object-fit:cover;border-radius:5px}.continue-grid img{border-radius:5px}.empty-state{background:#17131c}
@media(max-width:760px){.library-grid{grid-template-columns:repeat(2,1fr)}.series-hero{grid-template-columns:98px 1fr;padding:.8rem}.series-facts{grid-template-columns:1fr}.head-search{padding:.35rem .55rem}.reader-head{font-size:.76rem}.reader-head button,.reader-head a{min-height:44px}.strip{aspect-ratio:9/14}}

.big-search svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:#e3c07a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.head-search:before{content:"";width:15px;height:15px;margin-right:.45rem;background:linear-gradient(45deg,transparent 52%,#e3c07a 54% 62%,transparent 64%),radial-gradient(circle at 42% 42%,transparent 0 38%,#e3c07a 40% 52%,transparent 54%);display:inline-block}