:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--panel:#191919;--panel-soft:#222;--text:#f7f3ea;--muted:#b9b2a6;--line:#34312d;--accent:#efc86a;--accent-strong:#ffdf8a;--danger:#ff7f6e;--ok:#76d99d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 20% 0,#efc86a26,#0000 28rem),linear-gradient(135deg,#101010 0%,#161616 48%,#231c15 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input{font:inherit}.page{place-items:center;min-height:100svh;padding:32px 20px;display:grid}.shell{gap:18px;width:min(920px,100%);display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.mark{border:1px solid var(--line);width:42px;height:42px;color:var(--accent);background:#171717;border-radius:8px;place-items:center;display:grid}.brand h1,.brand p{margin:0}.brand h1{font-size:1.1rem;line-height:1.2}.brand p{color:var(--muted);font-size:.9rem}.panel{border:1px solid var(--line);background:#191919e0;border-radius:8px;box-shadow:0 24px 80px #0000003d}.player{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);display:grid;overflow:hidden}.turntable{background:linear-gradient(160deg,#ffffff0a,#0000 45%),#151515;place-items:center;min-height:420px;padding:36px;display:grid}.record{aspect-ratio:1;background:radial-gradient(circle,#d9ba69 0 10%,#1b1b1b 10.5% 13%,#0000 13.5%),repeating-radial-gradient(circle,#141414 0 8px,#202020 9px 10px);border:1px solid #2e2e2e;border-radius:50%;place-items:center;width:min(320px,72vw);display:grid;box-shadow:inset 0 0 48px #000000e6,0 28px 60px #00000059}.record.is-live{animation:8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.controls{flex-direction:column;justify-content:space-between;gap:28px;padding:32px;display:flex}.status-row,.metric-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.badge{color:var(--muted);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.dot{background:var(--danger);border-radius:999px;width:10px;height:10px}.dot.live{background:var(--ok);box-shadow:0 0 0 6px #76d99d1f}.title{letter-spacing:0;margin:20px 0 8px;font-size:clamp(2.2rem,7vw,4.8rem);line-height:.95}.copy{color:var(--muted);margin:0;line-height:1.65}.audio{width:100%;accent-color:var(--accent);margin-top:28px}.button{border:1px solid var(--line);background:var(--panel-soft);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:#20170b;font-weight:700}.login{gap:18px;width:min(460px,100%);padding:28px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--muted);font-size:.9rem}.field input{border:1px solid var(--line);width:100%;color:var(--text);background:#111;border-radius:8px;padding:13px 14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric{border:1px solid var(--line);background:#ffffff08;border-radius:8px;padding:16px}.metric span{color:var(--muted);font-size:.82rem;display:block}.metric strong{margin-top:8px;font-size:1.35rem;display:block}.small{color:var(--muted);font-size:.84rem;line-height:1.55}@media (max-width:760px){.page{align-items:start;padding:18px}.topbar,.status-row{flex-direction:column;align-items:flex-start}.player{grid-template-columns:1fr}.turntable{min-height:300px;padding:26px}.controls{padding:24px}.grid{grid-template-columns:1fr}}