:root,[data-theme=encre-nuit]{--bg:#1C1916;--card:#26221D;--line:#3A332B;--text:#EDE6D8;--muted:#A39985;--accent:#E0583F;--on-accent:#1C1916;--ok:#7FB77E;--warn:#E3B04B;--radius:10px;--logo:"本"}[data-theme=encre]{--bg:#F6F1E7;--card:#FFFDF8;--line:#E3DACB;--text:#2B2A28;--muted:#7A746A;--accent:#C8412B;--on-accent:#FFFDF8;--ok:#3B6D11;--warn:#854F0B}[data-theme=neon]{--bg:#0E0B1A;--card:#17122B;--line:#2A2348;--text:#E8E6F5;--muted:#9C95C4;--accent:#FF3EA5;--on-accent:#0E0B1A;--ok:#2EE6D6;--warn:#FFD23E}[data-theme=sakura]{--bg:#1D1520;--card:#2A1E2D;--line:#3B2A3E;--text:#F3E6EC;--muted:#B9A1B2;--accent:#F4A6C0;--on-accent:#1D1520;--ok:#A6E3B8;--warn:#F4D06F}[data-theme=manga]{--bg:#111;--card:#111;--line:#F2F2F2;--text:#F2F2F2;--muted:#AAA;--accent:#F2F2F2;--on-accent:#111;--ok:#F2F2F2;--warn:#F2F2F2;--radius:2px}[data-theme=sombre]{--bg:#1A1A1C;--card:#242427;--line:#36363A;--text:#ECECEE;--muted:#9A9AA2;--accent:#6EA8FE;--on-accent:#101012;--ok:#7FC98F;--warn:#E8B85A}[data-theme=clair]{--bg:#F4F4F6;--card:#FFF;--line:#E2E2E6;--text:#1D1D20;--muted:#6B6B73;--accent:#2563EB;--on-accent:#FFF;--ok:#2F7D32;--warn:#9A6700}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,Segoe UI,sans-serif}button,input,select{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:7px 12px}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}a{color:var(--accent)}.app{display:grid;grid-template-columns:200px 1fr;min-height:calc(100vh / var(--zoom,1))}.side{border-right:1px solid var(--line);padding:16px 10px;position:sticky;top:0;height:calc(100vh / var(--zoom,1))}.logo{display:flex;gap:8px;align-items:center;font-weight:600;font-size:16px;padding:0 8px 16px;border-bottom:2px solid var(--accent);margin-bottom:12px}.logo span{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--on-accent);align-items:center;justify-content:center;font-size:14px}.nav{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 10px;color:var(--muted);margin-bottom:2px}.nav.on{background:var(--card);color:var(--accent)}main{padding:24px 32px}h1{font-size:22px;margin:0 0 16px;font-weight:600}h2{font-size:16px;margin:0 0 10px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.muted{color:var(--muted);font-size:13px}.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px}.big{font-size:26px;font-weight:600}.stat{border-top:3px solid var(--accent)}.stat .bar{margin:4px 0 6px}h1{padding-bottom:10px;border-bottom:2px solid var(--accent);display:inline-block}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px;flex-wrap:wrap}.tab{border:none;background:none;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);padding:8px 12px}.tab.on{color:var(--text);border-color:var(--accent)}.covers{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;text-align:left;padding:0}.tile img,.ph{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:var(--line)}.ph{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:var(--accent)}.tile .b{padding:8px 10px}.bar{height:4px;background:var(--line);border-radius:2px;margin-top:6px}.bar i{display:block;height:4px;border-radius:2px;background:var(--accent)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.vols{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.vol{padding:8px 0;text-align:center;border-radius:6px;font-size:13px}.vol.own{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.vol.read{box-shadow:inset 0 -3px 0 var(--ok)}.pill{font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.pill.sel{border-color:var(--accent);color:var(--accent)}button.pill{padding:3px 10px}button:disabled{opacity:.4;cursor:default}.wgrid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.wcard{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px}.wcover img,.wcover .ph{width:96px;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 16px;z-index:50}.modal-box{max-width:920px;width:100%}video{width:100%;max-width:420px;border-radius:var(--radius);background:#000}.err{color:var(--warn)}main{min-width:0}@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.side{position:static;height:auto;display:flex;overflow-x:auto;gap:4px;padding:8px}.logo{display:none}.nav{width:auto;white-space:nowrap}main{padding:16px}}.stat{position:relative}.stat.clickable{cursor:pointer}.stat.clickable:hover{border-color:var(--accent)}.tip{display:none;position:absolute;left:8px;right:8px;top:calc(100% - 4px);z-index:20;background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);padding:8px 10px;font-size:12px;box-shadow:0 6px 18px #00000059}.stat:hover .tip{display:block}[data-density=compact] main{padding:14px 18px}[data-density=compact] .card{padding:9px 11px}[data-density=compact] .grid{gap:8px}[data-density=compact] .covers{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}[data-density=compact] .wgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}[data-density=compact] .wcard{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:8px}[data-density=compact] .wcover img,[data-density=compact] .wcover .ph{width:70px}[data-density=compact] .list>div{padding:4px 0}[data-density=compact] .big{font-size:21px}[data-density=compact] h1{font-size:19px;margin-bottom:10px}[data-density=aere] main{padding:32px 44px}[data-density=aere] .card{padding:18px 22px}[data-density=aere] .grid{gap:18px}[data-density=aere] .covers{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}[data-density=aere] .wgrid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}[data-density=aere] .wcard{grid-template-columns:130px minmax(0,1fr);gap:16px;padding:14px}[data-density=aere] .wcover img,[data-density=aere] .wcover .ph{width:130px}[data-density=aere] .list>div{padding:10px 0}@media(max-width:760px){.wgrid{grid-template-columns:1fr}.covers{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:8px}.row input{min-width:0}}.rate{display:inline-flex;white-space:nowrap}.rate button{background:none;border:0;padding:0 1px;font-size:15px;line-height:1;color:var(--muted);opacity:.45;cursor:pointer;box-shadow:none}.rate button.on,.rate .heart{opacity:1}.rate button.on{color:var(--warn)}.rate .heart{color:var(--muted);margin-right:4px}.rate .heart.on{color:#e0245e}.special{border-color:var(--warn);box-shadow:0 0 0 1px var(--warn) inset}.special .sp{margin-top:6px;padding:6px 8px;border-radius:6px;background:color-mix(in srgb,var(--warn) 12%,transparent)}.hot{color:var(--warn);font-weight:600}