:root{color-scheme:dark;--bg:#0d0e10;--panel:#15171a;--panel-2:#1b1e22;--text:#f2f3f5;--muted:#9ca3ad;--line:#ffffff17;--accent:#d7ff64;--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 15% -20%, #d7ff6414, transparent 28rem), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1500px,100% - 36px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding:48px 0 26px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:800}h1{letter-spacing:-.05em;margin:5px 0 0;font-size:clamp(2rem,4vw,4.1rem);line-height:.95}.subtitle{max-width:580px;color:var(--muted);margin:10px 0 0;line-height:1.55}.stat{color:var(--muted);white-space:nowrap;padding-bottom:5px}.stat strong{color:var(--text);font-size:1.3rem}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0 26px;display:flex}.filter,.search,.select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:10px 14px}.filter{cursor:pointer}.filter.active{background:var(--text);color:#101114}.search{outline:none;min-width:min(320px,100%)}.select{cursor:pointer}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:80px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:transform .16s,border-color .16s,background .16s;overflow:hidden}.card:hover{background:var(--panel-2);border-color:#d7ff645c;transform:translateY(-4px)}.poster-wrap{aspect-ratio:4/5.45;background:#202329;position:relative;overflow:hidden}.poster{object-fit:cover;width:100%;height:100%;display:block}.poster-placeholder{color:#69717d;background:linear-gradient(145deg,#24282e,#16181c);place-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:900;display:grid}.badge{backdrop-filter:blur(8px);background:#0a0a0bbf;border:1px solid #ffffff2e;border-radius:999px;padding:7px 9px;font-size:.74rem;font-weight:800;position:absolute;top:12px;left:12px}.thread-depth{backdrop-filter:blur(8px);color:#fff;background:#0a0a0bd1;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.74rem;font-weight:800;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 18px #00000047}.thread-sep{color:#777f89}.card-body{padding:15px 15px 17px}.card-title{margin:0 0 10px;font-size:1rem;font-weight:800;line-height:1.25}.meta{color:var(--muted);flex-wrap:wrap;gap:7px;font-size:.79rem;display:flex}.meta span+span:before{content:"·";color:#555b64;margin-right:7px}.entry-shell{width:min(1050px,100% - 36px);margin:0 auto;padding:30px 0 80px}.back{color:var(--muted);margin-bottom:24px;display:inline-block}.back:hover{color:var(--text)}.entry-head{grid-template-columns:minmax(230px,340px) 1fr;align-items:end;gap:34px;display:grid}.entry-cover{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);overflow:hidden}.entry-cover img{aspect-ratio:4/5.45;object-fit:cover;width:100%;display:block}.entry-kicker{color:var(--accent);letter-spacing:.08em;font-weight:800}.entry-title{letter-spacing:-.055em;margin:8px 0 18px;font-size:clamp(2.4rem,6vw,5rem);line-height:.95}.entry-meta{color:var(--muted)}.log{border-top:1px solid var(--line);max-width:780px;margin:44px auto 0;padding-top:30px;font-size:1.04rem;line-height:1.72}.log h1,.log h2{display:none}.log img{border-radius:14px;max-width:100%;height:auto;margin:22px auto;display:block}.log hr{border:0;border-top:1px solid var(--line);margin:30px 0}.log h3{margin-top:32px}.empty{color:var(--muted);padding:30px 0 90px}@media (width<=1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start;padding-top:32px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.entry-head{grid-template-columns:1fr;align-items:start}.entry-cover{max-width:360px}}@media (width<=480px){.shell,.entry-shell{width:min(100% - 22px,1500px)}.grid{grid-template-columns:1fr}.poster-wrap{aspect-ratio:16/12}}
