:root{color-scheme:dark;--bg: #0e0f14;--surface: #171a22;--surface-2: #232a38;--text: #eef1f6;--muted: #98a2b3;--line: #2a3140;--brand: #22d3ee;--brand-ink: #06131a;--gold: #a78bfa;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--radius: 14px;font-family:Segoe UI,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-shell{min-height:100vh;overflow:hidden}.edition-strip{border-bottom:1px solid var(--line);background:var(--text);color:var(--brand-ink);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.edition-inner{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px)}.topbar-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{min-width:0;display:inline-flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface)}.brand-mark img{width:32px;height:32px}.brand-text{min-width:0;display:grid;gap:1px}.brand-name{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:800;letter-spacing:-.02em}.brand-sub{color:var(--muted);font-size:11px;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:4px}.nav a{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;font-size:13px;font-weight:750}.nav a:hover{border-color:var(--brand)}.hero{border-bottom:1px solid var(--line)}.hero-grid{min-height:520px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.hero-panel{padding:72px 8vw 56px 0;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--line)}.hero-index,.section-code,.search-label{color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-title{max-width:800px;margin:24px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6.4vw,92px);line-height:.94;letter-spacing:-.055em}.hero-copy{max-width:620px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{margin-top:30px;display:flex;align-items:center;gap:18px}.primary-btn,.ghost-btn{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--text);border-radius:var(--radius);cursor:pointer;font-weight:800}.primary-btn{color:var(--brand-ink);background:var(--text)}.ghost-btn{background:transparent}.text-link{font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.metric-row{margin-top:42px;display:grid;grid-template-columns:repeat(2,minmax(0,170px));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric{min-height:88px;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.metric b{display:block;font-family:Georgia,serif;font-size:28px}.metric span{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.search-panel{padding:72px 0 56px 40px;display:flex;flex-direction:column;gap:16px}.search-box{display:flex;gap:0;border:1px solid var(--text);background:var(--surface)}.search-box input{width:100%;min-height:46px;padding:0 14px;border:0;outline:0;color:var(--text);background:transparent}.search-box .primary-btn{min-width:68px;border-width:0 0 0 1px;border-radius:0}.quick-board{min-height:0;flex:1}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section{padding:68px 0;border-bottom:1px solid var(--line)}.section-head{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title{margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.035em}.section-note{margin:8px 0 0;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.card{position:relative;min-width:0;overflow:hidden;border-bottom:1px solid var(--text);background:transparent}.cover{position:relative;aspect-ratio:3 / 4;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.cover-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transition:transform .35s ease}.card:hover .cover-art{transform:scale(1.025)}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:12px;text-align:center;font-weight:800}.badge{position:absolute;z-index:2;left:8px;top:8px;padding:4px 7px;color:#fff;background:var(--brand);font-size:10px;font-weight:800;letter-spacing:.08em}.card-body{min-height:82px;padding:11px 0 12px;display:grid;align-content:start;gap:7px}.card-title{min-height:2.7em;overflow:hidden;display:-webkit-box;font-weight:800;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-meta{color:var(--muted);font-size:11px}.layout-two{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;padding:44px 0 72px}.detail-cover{overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.detail-main{display:grid;align-content:start;gap:18px}.panel{padding:22px;border:1px solid var(--line);background:var(--surface)}.item-title{margin:0;font-family:Georgia,serif;font-size:clamp(32px,5vw,58px);line-height:1;letter-spacing:-.04em}.desc{color:var(--muted);line-height:1.85}.detail-actions{margin-top:20px}.detail-reader-entry{min-height:44px}.chapter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.chapter-link{min-height:40px;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface-2);font-size:12px;text-align:center}.reader{padding:24px 0 56px}.reader-toolbar{position:sticky;top:73px;z-index:10;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg)}.reader-stage{width:100%;max-width:920px;min-width:0;margin:0 auto;display:grid;gap:10px}.reader-image{display:block;width:100%;max-width:100%;min-width:0;height:auto;border:1px solid var(--line);background:var(--surface)}.empty{padding:32px;border:1px dashed var(--line);background:var(--surface);color:var(--muted);text-align:center}.ranking-intro{max-width:720px;margin-bottom:36px}.ranking-grid .card:before{content:attr(data-rank);position:absolute;z-index:4;top:0;right:0;width:36px;height:36px;display:grid;place-items:center;color:var(--brand-ink);background:var(--text);font:800 12px/1 ui-monospace,monospace}.site-network{padding:22px 0 90px;border-top:1px solid var(--line);background:var(--surface)}.site-network .container{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;font-size:12px}.site-network span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.site-network a{font-weight:800;text-decoration:underline;text-underline-offset:3px}html[data-variant=archive-ledger]{color-scheme:dark;--bg:#0e0f14;--surface:#171a22;--surface-2:#232a38;--text:#eef1f6;--muted:#98a2b3;--line:#2a3140;--brand:#22d3ee;--brand-ink:#06131a;--gold:#a78bfa}html[data-variant=archive-ledger] .hot-section .card:first-child{grid-column:span 2;grid-row:span 2}html[data-variant=signal-stack]{color-scheme:dark;--bg:#120e1c;--surface:#1b1626;--surface-2:#292036;--text:#f3effb;--muted:#aca3bd;--line:#392f4c;--brand:#a78bfa;--brand-ink:#140a24;--gold:#22d3ee;--shadow:none}html[data-variant=signal-stack] .edition-strip{color:#111319;background:var(--brand)}html[data-variant=signal-stack] .hero-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);grid-template-areas:"search hero"}html[data-variant=signal-stack] .hero-panel{grid-area:hero;padding-left:7vw;padding-right:0;border-right:0}html[data-variant=signal-stack] .search-panel{grid-area:search;padding-left:0;padding-right:34px;border-right:1px solid var(--line)}html[data-variant=signal-stack] .hero-title{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.035em}html[data-variant=signal-stack] .card{border:1px solid var(--line);background:var(--surface)}html[data-variant=signal-stack] .card-body{padding:11px}html[data-variant=signal-stack] .hot-section .card:nth-child(3n+2){transform:translateY(18px)}html[data-variant=paper-room]{color-scheme:light;--bg:#eaf5ef;--surface:#ffffff;--surface-2:#d7ece0;--text:#0f2019;--muted:#4f6b5f;--line:#bcd8cb;--brand:#0ea371;--brand-ink:#effef8;--gold:#0284c7}html[data-variant=paper-room] .edition-strip{color:var(--text);background:var(--surface-2)}html[data-variant=paper-room] .hero-grid{min-height:640px;grid-template-columns:1fr;text-align:center}html[data-variant=paper-room] .hero-panel{padding:86px 12vw 38px;align-items:center;border-right:0}html[data-variant=paper-room] .hero-copy{max-width:720px}html[data-variant=paper-room] .search-panel{width:min(760px,100%);margin:0 auto;padding:0 0 76px}html[data-variant=paper-room] .metric-row{width:min(430px,100%)}html[data-variant=paper-room] .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}html[data-variant=paper-room] .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-variant=paper-room] .card:nth-child(2n){margin-top:22px}html[data-variant=ranking-desk]{color-scheme:dark;--bg:#140b10;--surface:#1f1218;--surface-2:#2c1a23;--text:#fdeef2;--muted:#c39aa6;--line:#43303a;--brand:#fb7185;--brand-ink:#1a0a10;--gold:#f59e0b;--shadow:none}html[data-variant=ranking-desk] .hero-grid{min-height:460px;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr)}html[data-variant=ranking-desk] .hero-panel{padding-top:48px}html[data-variant=ranking-desk] .hero-title{max-width:900px;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:clamp(44px,6vw,82px)}html[data-variant=ranking-desk] .metric-row{grid-template-columns:1fr;border-top:0}html[data-variant=ranking-desk] .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}html[data-variant=ranking-desk] .hot-section .card:first-child{grid-column:span 2;grid-row:span 2}html[data-variant=ranking-desk] .card{border:1px solid var(--line);background:var(--surface)}html[data-variant=ranking-desk] .card-body{padding:10px}html[data-variant=comicbox-neon]{color-scheme:dark;--bg:#0c1013;--surface:#141b1e;--surface-2:#1e282c;--text:#eefaf6;--muted:#8fa6a0;--line:#284037;--brand:#facc15;--brand-ink:#141005;--gold:#2dd4bf;--shadow:0 18px 50px rgba(0,0,0,.55)}html[data-variant=comicbox-neon] .hero-title{font-family:Segoe UI,Inter,system-ui,sans-serif;font-weight:900}html[data-variant=comicbox-neon] .hot-section .card:first-child{grid-column:span 2;grid-row:span 2}@media(max-width:940px){.hero-grid,html[data-variant=signal-stack] .hero-grid,html[data-variant=ranking-desk] .hero-grid{grid-template-columns:1fr;grid-template-areas:none}.hero-panel,html[data-variant=signal-stack] .hero-panel{grid-area:auto;padding:54px 0 34px;border-right:0}.search-panel,html[data-variant=signal-stack] .search-panel{grid-area:auto;padding:0 0 48px;border-right:0}.grid,html[data-variant=paper-room] .grid,html[data-variant=ranking-desk] .grid,.quick-grid,html[data-variant=paper-room] .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-two{grid-template-columns:1fr}.layout-two aside{max-width:320px}.chapter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.container{width:min(100% - 22px,1180px)}.edition-inner span:last-child{display:none}.topbar-inner{min-height:60px}.brand-sub{display:none}.nav a{min-height:36px;padding:0 8px;font-size:12px}.hero-title{font-size:clamp(39px,13vw,62px)}.hero-panel,html[data-variant=paper-room] .hero-panel{padding:46px 0 28px;align-items:flex-start;text-align:left}html[data-variant=paper-room] .search-panel{padding-bottom:44px}.hero-actions{align-items:flex-start;flex-direction:column}.metric-row{width:100%;grid-template-columns:repeat(2,1fr)}.grid,html[data-variant=paper-room] .grid,html[data-variant=ranking-desk] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.quick-grid,html[data-variant=paper-room] .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:48px 0}.section-head{align-items:flex-start}.ghost-btn{min-height:36px;padding:0 10px;font-size:11px}.hot-section .card:first-child,html[data-variant=ranking-desk] .hot-section .card:first-child{grid-column:span 2;grid-row:auto}html[data-variant=signal-stack] .hot-section .card:nth-child(3n+2),html[data-variant=paper-room] .card:nth-child(2n){transform:none;margin-top:0}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand-name,.hero-title,.section-title,.metric b{font-family:Segoe UI,Inter,system-ui,sans-serif;letter-spacing:-.02em}.edition-strip{background:linear-gradient(90deg,var(--brand),var(--gold));color:var(--brand-ink);border-bottom:0}.topbar{background:color-mix(in srgb,var(--bg) 82%,transparent)}.brand-mark{border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--gold))}.hero{background:radial-gradient(1200px 400px at 82% -8%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 70%)}.hero-title{background:linear-gradient(92deg,var(--text),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}.primary-btn{color:var(--brand-ink);background:var(--brand);border-color:transparent;border-radius:999px}.ghost-btn{border-radius:999px;border-color:var(--line)}.metric{border-radius:12px;border:1px solid var(--line);background:var(--surface)}.metric-row{border:0;gap:10px}.search-box{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.search-box .primary-btn{border-radius:0}.card{border-bottom:0;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding-bottom:4px}.cover{border:0;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-2)}.card-body{padding:11px 12px 12px}.badge{border-radius:999px;background:var(--brand);color:var(--brand-ink)}.nav a:hover{border-color:var(--brand);color:var(--brand)}