:root{--bg:#080b16;--card:#11172a;--card2:#151d35;--text:#f7f8ff;--muted:#aab3cf;--line:#28324f;--accent:#7c5cff;--accent2:#29d6a3;--danger:#ff5570;--warn:#ffcc66}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#18224a 0,#080b16 40%,#05070f 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.container{width:min(1120px,calc(100% - 28px));margin:28px auto 80px}.hero,.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.card,.hero-card,.player-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 24px 90px rgba(0,0,0,.35)}.hero-card{max-width:760px}.eyebrow{color:var(--accent2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px}h1{font-size:clamp(28px,4vw,52px);line-height:1.05;margin:8px 0 14px}h2{margin:0 0 12px}.muted{color:var(--muted);font-size:14px}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;padding:12px 16px;font-weight:800;text-decoration:none;cursor:pointer}.btn.secondary,button.secondary{background:#222b49}.danger{background:rgba(255,85,112,.18);color:#ffd8df;border:1px solid rgba(255,85,112,.35)}.row{display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:rgba(8,11,22,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar a{text-decoration:none;margin-left:14px;color:var(--muted)}.topbar .brand{font-weight:900;color:white;margin-left:0}label{display:block;margin:12px 0;color:var(--muted);font-weight:700}input,select{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:14px;background:#0b1020;color:var(--text);padding:12px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.flash{border-radius:14px;padding:12px 14px;background:rgba(41,214,163,.15);border:1px solid rgba(41,214,163,.35)}.flash.error{background:rgba(255,85,112,.15);border-color:rgba(255,85,112,.4)}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:12px;font-weight:800}.badge.pro{color:#ffe7a1;border-color:#66501c;background:rgba(255,204,102,.14)}.badge.live{color:#a7ffdd;border-color:#2a8566;background:rgba(41,214,163,.14)}.badge.off{color:#c8cde0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}th{color:var(--muted);font-size:12px;text-transform:uppercase}.sound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.sound{border:1px solid var(--line);background:#0b1020;border-radius:18px;padding:14px}.sound audio{width:100%;margin:12px 0}.linkcard{text-decoration:none;display:block}.player-body{background:#05070f}.player{min-height:100vh;width:min(760px,calc(100% - 22px));margin:0 auto;padding:22px 0 70px}.player-card{text-align:center;position:sticky;top:10px;z-index:2;background:linear-gradient(180deg,#131b31,#0b1020)}.bigbtn{font-size:20px;border-radius:22px;padding:20px 26px;margin:12px auto;width:min(100%,360px);min-height:68px}.status{display:inline-flex;padding:8px 12px;border-radius:999px;background:#222b49;color:var(--muted);font-weight:800}.status.live{background:rgba(41,214,163,.16);color:#9effd8}.status.ready{background:rgba(124,92,255,.18);color:#d8d0ff}.status.error{background:rgba(255,85,112,.16);color:#ffd8df}.player-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}.meters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:16px}.log-card{margin-top:18px}.event{border:1px solid var(--line);border-radius:18px;background:#0b1020;padding:13px;margin:10px 0;animation:pop .2s ease-out}.event b{display:block}.event span{color:var(--muted);font-size:13px}@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.grid.two{grid-template-columns:1fr}.topbar{align-items:flex-start}.topbar div{display:flex;gap:10px;flex-wrap:wrap}.topbar a{margin-left:0}.card,.hero-card,.player-card{border-radius:20px;padding:18px}.container{margin-top:18px}.player{padding-top:12px}.bigbtn{width:100%}}