:root{color-scheme:dark;--bg:#0d1117;--panel:#161d27;--panel2:#202a37;--text:#f4f1ea;--muted:#a6afba;--accent:#ffb454;--danger:#e76f51;--ok:#7bd88f;--radius:18px;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#243447 0,transparent 32rem),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted)}.logo-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--accent);color:#111;font-size:28px;font-weight:900}.shell{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff12;background:#0d1117dd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.brand .logo-mark{width:34px;height:34px;border-radius:10px;font-size:18px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1400px;margin:auto}.sidebar{padding:28px 18px;border-right:1px solid #ffffff10;min-height:calc(100vh - 72px)}.nav{display:grid;gap:8px;position:sticky;top:100px}.nav button,.bottomnav button{background:transparent;border:0;color:var(--muted);padding:12px;border-radius:12px;text-align:left}.nav button.active,.nav button:hover,.bottomnav button.active{background:var(--panel2);color:var(--text)}main{padding:32px 5vw 100px;min-width:0}.hero{padding:24px 0 16px;display:flex;justify-content:space-between;gap:20px;align-items:end}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}h1{font-size:clamp(28px,5vw,48px);margin:6px 0}h2{margin-top:32px}.muted{color:var(--muted)}.card{background:linear-gradient(145deg,#1c2632,#141a23);border:1px solid #ffffff12;border-radius:var(--radius);padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.media-card{padding:0;overflow:hidden}.poster{width:100%;aspect-ratio:2/3;object-fit:cover;background:#273242;display:block}.media-card .card-body{padding:13px}.media-card h3{font-size:16px;margin:0 0 5px}.media-card p{font-size:13px;margin:0}.btn{min-height:44px;border:0;border-radius:12px;padding:10px 16px;background:var(--accent);color:#161616;font-weight:700}.btn.secondary{background:var(--panel2);color:var(--text)}.btn.ghost{background:transparent;border:1px solid #ffffff22;color:var(--text)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{display:flex;gap:10px;max-width:700px}.input,.textarea{width:100%;border:1px solid #ffffff20;border-radius:12px;padding:12px 14px;background:#0b1016;color:var(--text);min-height:44px}.textarea{min-height:100px;resize:vertical}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%)}.notice{padding:12px 14px;border-radius:12px;background:#ffb4541a;color:var(--accent);margin:14px 0}.empty{padding:32px;text-align:center;border:1px dashed #ffffff22;border-radius:var(--radius);color:var(--muted)}.detail-hero{display:grid;grid-template-columns:220px 1fr;gap:24px;background:linear-gradient(100deg,#202b3a,#11161e);padding:24px;border-radius:var(--radius)}.detail-poster{width:100%;border-radius:14px}.progress{height:8px;background:#ffffff18;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent)}.bottomnav{display:none}.toast{position:fixed;bottom:24px;right:24px;padding:13px 16px;background:var(--panel2);border:1px solid #ffffff22;border-radius:12px;z-index:20}@media(max-width:760px){.layout{display:block}.sidebar{display:none}main{padding:20px 16px 100px}.topbar{padding:0 16px}.bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#101721ee;backdrop-filter:blur(12px);z-index:10}.bottomnav button{text-align:center;font-size:11px;padding:9px 3px}.hero{display:block}.detail-hero{grid-template-columns:110px 1fr;padding:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toast{left:16px;right:16px;bottom:80px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.brand{min-width:0}.brand-logo{display:block;width:420px;max-width:100%;height:auto;object-fit:contain}.topbar .brand{flex:1;max-width:calc(100% - 60px)}.topbar .brand-logo{width:300px}.splash .brand-logo{width:min(420px,85vw)}