:root{font-family:Inter,"Noto Sans SC",system-ui,sans-serif;color:#24231f;background:#f7f5ef;line-height:1.5;--ink:#24231f;--muted:#78766e;--line:#dfddd5;--accent:#b45034;--paper:#fffefa}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2));gap:38px;background:rgba(255,254,250,.85);position:sticky;top:0;z-index:2;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:#f8f2e6;font-size:21px;font-weight:700}.brand b{display:block;font-size:16px}.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:.04em}nav{display:flex;gap:25px;font-size:14px;color:var(--muted);flex:1}nav a.active,nav a:hover{color:var(--ink)}nav a.active{font-weight:700}.series-link{font-size:13px;color:var(--accent);white-space:nowrap}main{max-width:1180px;margin:auto}.hero{padding:78px 0 55px;border-bottom:1px solid var(--line)}.eyebrow,.label{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.08;letter-spacing:0;margin:14px 0 12px;max-width:720px}.hero p{color:var(--muted);margin:0 0 30px}.searchbar{display:flex;max-width:760px;background:var(--paper);border:1px solid #cfcac0;padding:5px}.searchbar input{flex:1;border:0;padding:14px 16px;background:transparent;outline:0;font-size:16px;min-width:0}.searchbar button{border:0;background:var(--ink);color:white;padding:0 28px;font-weight:700;cursor:pointer}.quick{display:flex;gap:14px;align-items:center;margin-top:14px;color:var(--muted);font-size:12px;flex-wrap:wrap}.quick button{border:0;background:none;padding:0;color:var(--ink);cursor:pointer}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);gap:15px}.tabs{display:flex;gap:20px;flex-wrap:wrap}.tabs button{border:0;background:none;padding:0;color:var(--muted);cursor:pointer;font-size:14px}.tabs button.selected{color:var(--accent);font-weight:700}select{border:1px solid var(--line);background:transparent;padding:8px 28px 8px 10px;color:var(--ink)}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;padding:52px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{font-size:25px;letter-spacing:0;margin:5px 0 0}.section-head a{font-size:13px;color:var(--accent);white-space:nowrap}.muted{color:var(--muted);font-size:12px}.result{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line);cursor:pointer}.poster{width:68px;height:88px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;background:linear-gradient(145deg,#68705a,#242c25)}.result:nth-child(2) .poster{background:linear-gradient(145deg,#b47451,#56372e)}.result:nth-child(3) .poster{background:linear-gradient(145deg,#50677d,#202f3c)}.result:nth-child(4) .poster{background:linear-gradient(145deg,#9a7750,#3e3024)}.result h3{margin:2px 0 5px;font-size:16px}.meta{font-size:12px;color:var(--muted)}.chips{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.chip{font-size:11px;color:var(--accent);background:#f5e9df;padding:3px 7px}.ranking{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 0}.ranking-num{font-size:20px;color:#b8b3a9;width:20px}.ranking:nth-child(-n+3) .ranking-num{color:var(--accent)}.ranking h3{font-size:14px;margin:0}.ranking small{color:var(--muted);font-size:11px}.updates{border-top:1px solid var(--line);padding:45px 0 70px}.update-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.update-card{background:var(--paper);border:1px solid var(--line);padding:18px;min-height:130px}.update-card h3{font-size:15px;margin:24px 0 5px}.update-card p{font-size:12px;color:var(--muted);margin:0}.date{font-size:11px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:32px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:30px;font-size:13px}footer p,.footer-note{color:var(--muted);font-size:12px}.footer-note a{color:var(--accent)}dialog{border:0;padding:30px;max-width:470px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #24231f33}dialog::backdrop{background:#24231f66}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px;color:var(--muted);cursor:pointer}dialog h2{margin-top:0}dialog p{color:var(--muted)}.detail-button{border:0;background:var(--ink);color:#fff;padding:11px 18px;cursor:pointer}@media(max-width:760px){.topbar{height:auto;min-height:66px;padding:12px 18px;gap:12px;flex-wrap:wrap}.brand{min-width:0;flex:1}nav{order:3;flex-basis:100%;gap:18px;overflow:auto;padding-bottom:2px}.series-link{font-size:12px}main{padding:0 18px}.hero{padding:52px 0 38px}.hero h1{font-size:42px}.toolbar{align-items:flex-start;flex-direction:column}.content-grid{display:block;padding:36px 0}.side-panel{margin-top:52px}.update-grid{grid-template-columns:repeat(2,1fr)}footer{display:block;padding:28px 18px}.footer-note{margin-top:22px}.searchbar button{padding:0 18px}}