:root{color-scheme:dark;--bg:#0b0d12;--panel:#121722;--panel-2:#171d2a;--line:rgba(255,255,255,0.08);--text:#f3f5f9;--muted:#94a3b8;--accent:#35c98f;--accent-2:#5ecbff;--danger:#ff6b6b;--radius:20px;--shadow:0 20px 50px rgba(0,0,0,0.35)}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(53,201,143,.16),transparent 30%),radial-gradient(circle at top right,rgba(94,203,255,.12),transparent 30%),linear-gradient(180deg,#090b10,#0b0d12);color:var(--text);font-family:Segoe UI,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:20px 20px 120px}.page{max-width:1440px;margin:0 auto}.card-grid,.hero-grid,.section-grid{display:grid;grid-gap:16px;gap:16px}.hero-grid{grid-template-columns:1.5fr 1fr}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card,.panel{background:linear-gradient(180deg,rgba(23,29,42,.98),rgba(16,21,32,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px}.card{padding:16px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.hero-title,.title-row h1,.title-row h2,.title-row h3{margin:0}.hero-title{font-size:clamp(30px,4vw,54px);line-height:1.04}.muted{color:var(--muted)}.button,.ghost-button{min-height:52px;border-radius:16px;border:1px solid transparent;padding:0 18px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.button:hover,.ghost-button:hover{transform:translateY(-1px)}.button{background:linear-gradient(135deg,var(--accent),#21b7c0);color:#03120d;font-weight:700}.ghost-button{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--line)}.stack{display:grid;grid-gap:12px;gap:12px}.between,.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:rgba(255,255,255,.04)}.list{display:grid;grid-gap:12px;gap:12px}.list-item{grid-template-columns:72px 1fr auto;grid-gap:14px;gap:14px;padding:12px;border-radius:16px;background:rgba(255,255,255,.03)}.list-item,.media-list-card{display:grid;align-items:center}.media-list-card{grid-template-columns:140px minmax(0,1fr) auto;grid-gap:18px;gap:18px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));border:1px solid var(--line)}.media-list-cover{width:140px;height:140px;border-radius:20px;object-fit:cover;background:rgba(255,255,255,.04)}.media-list-actions{display:grid;grid-gap:10px;gap:10px;justify-items:end}.pill{border-radius:999px;padding:6px 10px;font-size:12px;background:rgba(53,201,143,.12);color:var(--accent)}.player-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(11,13,18,.88);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:14px 18px}.progress{width:100%}.nav-bar{position:-webkit-sticky;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;padding:12px 0 20px}.nav-bar,.nav-links{display:flex;gap:10px}.nav-links{flex-wrap:wrap}.nav-link{padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.form-grid{display:grid;grid-gap:12px;gap:12px}.input,.select,.textarea{width:100%;min-height:52px;border-radius:16px;border:1px solid var(--line);padding:0 16px;background:rgba(255,255,255,.04);color:var(--text)}.textarea{min-height:110px;padding-top:14px;padding-bottom:14px}.progress-shell{width:100%;height:14px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid var(--line)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease}@media (max-width:980px){.hero-grid,.media-list-card,.section-grid{grid-template-columns:1fr}.media-list-cover{width:100%;height:auto;aspect-ratio:1/1}.media-list-actions{justify-items:stretch}.app-shell{padding-left:14px;padding-right:14px}}