body.sub{--bg:#ebe6dc;--fg:var(--ink);--card:#f5f2ec;--line:#3c322824;--accent:#5a46a3;background:radial-gradient(120% 60% at 100% 0%, #5a46a31a, transparent 60%), var(--bg);color:var(--fg);min-height:100vh}html[data-theme=night] body.sub{--bg:#17161b;--fg:#d9d4ca;--card:#201f26;--line:#ffffff1a;--muted:#9a958c}.topnav{z-index:20;color:#fff;background:linear-gradient(90deg,#18151ef5,#18151ee0 60%,#18151eb3);align-items:center;gap:10px;height:58px;padding:0 16px;transition:translate .3s;display:flex;position:sticky;top:0}.topnav.hidden{translate:0 -100%}.nav-btn{min-width:38px;height:38px;font-family:var(--display);letter-spacing:.1em;background:#3a3741;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:900;transition:background .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.nav-btn:hover{background:#4a4652}.nav-btn svg{width:18px;height:18px}.nav-title{align-items:baseline;gap:10px;min-width:0;margin-left:8px;display:flex}.nav-title b{font-family:var(--display);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:900;overflow:hidden}.nav-title small{font-family:var(--num);letter-spacing:.22em;opacity:.6;white-space:nowrap;font-size:11px;font-weight:600}.page{max-width:960px;margin:0 auto;padding:36px 20px 80px}.page-head{border-left:8px solid var(--accent);margin-bottom:28px;padding:4px 0 4px 18px}.page-head h1{font-family:var(--display);letter-spacing:.06em;margin:0;font-size:clamp(30px,5vw,44px);font-weight:900;line-height:1.2}.page-head p{color:var(--muted);margin:8px 0 0;font-size:15px}.card{background:var(--card);box-shadow:0 8px 22px #140e1e1f, inset 0 0 0 1px var(--line)}.badge{font-family:var(--sans);letter-spacing:.06em;color:var(--accent);white-space:nowrap;background:#5a46a31f;padding:1px 8px;font-size:12px;line-height:1.6;display:inline-block}.badge.mature{color:var(--cinnabar);background:#c23a2b1f}.badge.explicit{background:var(--cinnabar);color:#fff}.badge.ongoing{background:var(--leaf);color:#fff}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.row{grid-template-columns:auto 1fr auto;align-items:baseline;gap:4px 16px;padding:14px 18px;transition:transform .2s;display:grid}a.row:hover{transform:translate(4px)}.row .t{font-family:var(--display);letter-spacing:.04em;font-size:20px;font-weight:900}.row .m{color:var(--muted);flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:6px 12px;font-size:14px;display:flex}.row .d{font-family:var(--num);color:var(--muted);letter-spacing:.04em;font-size:15px;font-weight:600}.row .w{font-family:var(--num);color:var(--muted);font-size:15px;font-weight:600}.group{align-items:baseline;gap:12px;margin:34px 0 12px;display:flex}.group h2{font-family:var(--display);letter-spacing:.06em;margin:0;font-size:24px;font-weight:900}.group span{font-family:var(--num);color:var(--muted)}.form{gap:16px;padding:22px;display:grid}.form label{font-family:var(--sans);color:var(--muted);gap:6px;font-size:14px;display:grid}.form input,.form select,.form textarea{font:16px/1.6 var(--sans);color:var(--fg);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:0;padding:10px 12px}.form textarea{resize:vertical;min-height:140px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--gold)}.form .hint{color:var(--muted);font-size:13px}.btn{background:var(--ink);color:#fff;height:44px;font-family:var(--display);letter-spacing:.16em;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);justify-self:start;padding:0 26px;font-size:17px;font-weight:900;transition:background .2s}.btn:hover{background:#3a3640}.btn[disabled]{opacity:.5;cursor:progress}.status{min-height:1.5em;font-family:var(--sans);font-size:14px}.status.ok{color:#3f7f1d}.status.err{color:var(--cinnabar)}.prose{font-size:17px;line-height:1.9}.prose h2{font-family:var(--display);margin:1.6em 0 .4em;font-size:22px;font-weight:900}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.locked-box{text-align:center;color:var(--muted);padding:60px 24px}.locked-box svg{opacity:.5;width:56px;height:56px}.locked-box p{font-family:var(--display);letter-spacing:.2em;color:var(--fg);font-size:22px;font-weight:900}