@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#f1f2f5;font-synthesis:none;background:#0b0d12;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 80% -10%,#29202a 0,#0000 35%),#0b0d12;margin:0}.shell{max-width:1240px;margin:auto;padding:0 34px}.topbar{border-bottom:1px solid #242832;justify-content:space-between;align-items:center;height:82px;display:flex}.brand,.actions,.connection,.stathead,.paneltitle,.historyrow{align-items:center;display:flex}.brand{gap:12px}.brandmark{background:#e85b4a;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.brand b{letter-spacing:1.5px;font-size:13px}.brand small{color:#7d8492;letter-spacing:2px;margin-top:3px;font-size:9px;display:block}.actions{gap:12px}.connection{color:#8991a0;gap:7px;font-size:12px}.connection.online{color:#74c69d}.primary,.ghost{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#e85b4a}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{color:#c4cad5;background:#1b202a}.hero{justify-content:space-between;align-items:end;padding:58px 0 43px;display:flex}.eyebrow{letter-spacing:2px;color:#e8796b;font-size:10px;font-weight:700}.dot{vertical-align:middle;background:#e85b4a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-2px;margin:15px 0 8px;font-size:clamp(32px,5vw,53px)}.hero h1 em{color:#e8796b;font-style:normal}.hero p{color:#8991a0;margin:0}.year{color:#343a47;letter-spacing:-3px;text-align:right;font-size:50px;font-weight:700}.year small{letter-spacing:2px;color:#777f90;font-size:9px;display:block}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat,.panel{background:linear-gradient(145deg,#171b24,#12151c);border:1px solid #272d38;border-radius:14px}.stat{padding:20px}.stathead{color:#9aa2b0;justify-content:space-between;font-size:12px}.stathead svg{color:#e8796b}.stat strong{letter-spacing:-1px;margin:14px 0 3px;font-size:34px;display:block}.stat small{color:#687181;font-size:11px}.grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{margin-top:14px;padding:23px}.grid .panel{margin-top:0}.paneltitle{justify-content:space-between;margin-bottom:20px}.paneltitle h2{margin:5px 0 0;font-size:18px}.paneltitle>svg{color:#6f7888}.chart{height:245px}.empty{color:#697282;place-items:center;height:160px;font-size:12px;display:grid}.genrelist{gap:15px;display:grid}.genre{color:#c7cbd3;justify-content:space-between;font-size:13px;display:flex}.genre b{color:#e8796b}.history{display:grid}.historyrow{border-top:1px solid #252a34;gap:14px;padding:13px 0}.poster{color:#e8796b;background:#282d39;border-radius:7px;place-items:center;width:43px;height:52px;display:grid}.historyname{flex:1}.historyname b{font-size:13px}.historyname small{color:#778091;margin-top:5px;font-size:11px;display:block}.historyrow time,.duration{color:#8991a0;font-size:11px}.connect{background:#1d2029;border:1px solid #3c3034;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:18px 20px;display:flex}.connect p{color:#9299a6;margin:5px 0 0;font-size:12px}.linkbtn{font-size:12px;text-decoration:none}.alert{color:#ffb4a9;background:#482522;border-radius:9px;margin-bottom:14px;padding:12px;font-size:13px}footer{color:#5e6674;letter-spacing:1.5px;justify-content:space-between;padding:35px 0;font-size:10px;display:flex}footer span{letter-spacing:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.shell{padding:0 17px}.topbar{height:70px}.brand b{font-size:11px}.connection{display:none}.hero{padding:40px 0 28px}.year{font-size:34px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:15px}.stat strong{font-size:28px}.grid{grid-template-columns:1fr}.connect{flex-direction:column;align-items:flex-start;gap:15px}.historyrow{gap:9px}.duration{display:none}footer{flex-direction:column;gap:10px}}