: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 #0000008c;--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{color:var(--text);background:var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,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);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:800}.edition-inner{justify-content:space-between;align-items:center;gap:16px;min-height:28px;display:flex}.topbar{z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, transparent);backdrop-filter:blur(12px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:inline-flex}.brand-mark{border:1px solid var(--line);background:var(--surface);place-items:center;width:38px;height:38px;display:grid}.brand-mark img{width:32px;height:32px}.brand-text{gap:1px;min-width:0;display:grid}.brand-name{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:800}.brand-sub{color:var(--muted);letter-spacing:.08em;font-size:11px}.nav{align-items:center;gap:4px;display:flex}.nav a{border-bottom:2px solid #0000;align-items:center;min-height:40px;padding:0 13px;font-size:13px;font-weight:750;display:inline-flex}.nav a:hover{border-color:var(--brand)}.hero{border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);min-height:520px;display:grid}.hero-panel{border-right:1px solid var(--line);flex-direction:column;justify-content:flex-end;padding:72px 8vw 56px 0;display:flex}.hero-index,.section-code,.search-label{color:var(--brand);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:900}.hero-title{letter-spacing:-.055em;max-width:800px;margin:24px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6.4vw,92px);line-height:.94}.hero-copy{max-width:620px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.hero-actions{align-items:center;gap:18px;margin-top:30px;display:flex}.primary-btn,.ghost-btn{border:1px solid var(--text);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.primary-btn{color:var(--brand-ink);background:var(--text)}.ghost-btn{background:0 0}.text-link{text-underline-offset:4px;font-size:13px;font-weight:800;text-decoration:underline}.metric-row{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,170px));gap:0;margin-top:42px;display:grid}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-height:88px;padding:15px}.metric b{font-family:Georgia,serif;font-size:28px;display:block}.metric span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.search-panel{flex-direction:column;gap:16px;padding:72px 0 56px 40px;display:flex}.search-box{border:1px solid var(--text);background:var(--surface);gap:0;display:flex}.search-box input{width:100%;min-height:46px;color:var(--text);background:0 0;border:0;outline:0;padding:0 14px}.search-box .primary-btn{border-width:0 0 0 1px;border-radius:0;min-width:68px}.quick-board{flex:1;min-height:0}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.section{border-bottom:1px solid var(--line);padding:68px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-title{letter-spacing:-.035em;margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,52px);line-height:1}.section-note{color:var(--muted);margin:8px 0 0;font-size:13px}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.card{border-bottom:1px solid var(--text);background:0 0;min-width:0;position:relative;overflow:hidden}.cover{aspect-ratio:3/4;border:1px solid var(--line);background:var(--surface-2);position:relative;overflow:hidden}.cover-art{z-index:1;background-position:50%;background-size:cover;transition:transform .35s;position:absolute;inset:0}.card:hover .cover-art{transform:scale(1.025)}.cover-fallback{text-align:center;place-items:center;padding:12px;font-weight:800;display:grid;position:absolute;inset:0}.badge{z-index:2;color:#fff;background:var(--brand);letter-spacing:.08em;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.card-body{align-content:start;gap:7px;min-height:82px;padding:11px 0 12px;display:grid}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);font-size:11px}.layout-two{grid-template-columns:290px minmax(0,1fr);gap:28px;padding:44px 0 72px;display:grid}.detail-cover{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.detail-main{align-content:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);padding:22px}.item-title{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:clamp(32px,5vw,58px);line-height:1}.desc{color:var(--muted);line-height:1.85}.chapter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.chapter-link{border:1px solid var(--line);background:var(--surface-2);text-align:center;justify-content:center;align-items:center;min-height:40px;padding:6px 8px;font-size:12px;display:inline-flex}.reader{padding:24px 0 56px}.reader-toolbar{z-index:10;background:var(--bg);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex;position:sticky;top:73px}.reader-stage{gap:10px;width:100%;min-width:0;max-width:920px;margin:0 auto;display:grid}.reader-image{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;max-width:100%;height:auto;display:block}.empty{border:1px dashed var(--line);background:var(--surface);color:var(--muted);text-align:center;padding:32px}.ranking-intro{max-width:720px;margin-bottom:36px}.ranking-grid .card:before{content:attr(data-rank);z-index:4;width:36px;height:36px;color:var(--brand-ink);background:var(--text);place-items:center;font:800 12px/1 ui-monospace,monospace;display:grid;position:absolute;top:0;right:0}.site-network{border-top:1px solid var(--line);background:var(--surface);padding:22px 0 90px}.site-network .container{flex-wrap:wrap;align-items:center;gap:12px 22px;font-size:12px;display:flex}.site-network span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.site-network a{text-underline-offset:3px;font-weight:800;text-decoration:underline}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-area:span 2/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{border-right:0;grid-area:hero;padding-left:7vw;padding-right:0}html[data-variant=signal-stack] .search-panel{border-right:1px solid var(--line);grid-area:search;padding-left:0;padding-right:34px}html[data-variant=signal-stack] .hero-title{text-transform:uppercase;letter-spacing:-.035em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:900}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:#fff;--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{text-align:center;grid-template-columns:1fr;min-height:640px}html[data-variant=paper-room] .hero-panel{border-right:0;align-items:center;padding:86px 12vw 38px}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{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);min-height:460px}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-size:clamp(44px,6vw,82px);font-weight:900}html[data-variant=ranking-desk] .metric-row{border-top:0;grid-template-columns:1fr}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-area:span 2/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 #0000008c}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-area:span 2/span 2}@media (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{border-right:0;grid-area:auto;padding:54px 0 34px}.search-panel,html[data-variant=signal-stack] .search-panel{border-right:0;grid-area:auto;padding:0 0 48px}.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 (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{text-align:left;align-items:flex-start;padding:46px 0 28px}html[data-variant=paper-room] .search-panel{padding-bottom:44px}.hero-actions{flex-direction:column;align-items:flex-start}.metric-row{grid-template-columns:repeat(2,1fr);width:100%}.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-area:auto/span 2}html[data-variant=signal-stack] .hot-section .card:nth-child(3n+2),html[data-variant=paper-room] .card:nth-child(2n){margin-top:0;transform:none}.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{letter-spacing:-.02em;font-family:Segoe UI,Inter,system-ui,sans-serif}.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{background:linear-gradient(135deg, var(--brand), var(--gold));border:0;border-radius:12px}.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));color:#0000;-webkit-background-clip:text;background-clip:text}.primary-btn{color:var(--brand-ink);background:var(--brand);border-color:#0000;border-radius:999px}.ghost-btn{border-color:var(--line);border-radius:999px}.metric{border:1px solid var(--line);background:var(--surface);border-radius:12px}.metric-row{border:0;gap:10px}.search-box{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.search-box .primary-btn{border-radius:0}.card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border-bottom:0;padding-bottom:4px}.cover{border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-2);border:0}.card-body{padding:11px 12px 12px}.badge{background:var(--brand);color:var(--brand-ink);border-radius:999px}.nav a:hover{border-color:var(--brand);color:var(--brand)}