@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box}:root{--bg:#0a0f1e;--bg-card:#111827;--bg-card2:#1a2236;--border:#1e2d45;--text:#f1f5f9;--text-muted:#64748b;--text-dim:#94a3b8;--accent:#38bdf8;--green:#22c55e;--red:#ef4444;--amber:#f59e0b}body,html{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes wave1{0%,to{height:4px}50%{height:18px}}@keyframes wave2{0%,to{height:10px}50%{height:4px}}@keyframes wave3{0%,to{height:16px}50%{height:6px}}@keyframes wave4{0%,to{height:6px}50%{height:20px}}@keyframes wave5{0%,to{height:12px}50%{height:4px}}.waveform{display:flex;align-items:center;gap:3px;height:24px}.waveform span{display:block;width:3px;border-radius:2px;background:var(--accent);min-height:4px}.waveform.playing span:first-child{animation:wave1 .9s ease-in-out infinite}.waveform.playing span:nth-child(2){animation:wave2 .7s ease-in-out .1s infinite}.waveform.playing span:nth-child(3){animation:wave3 .8s ease-in-out .2s infinite}.waveform.playing span:nth-child(4){animation:wave4 .6s ease-in-out .05s infinite}.waveform.playing span:nth-child(5){animation:wave5 1s ease-in-out .15s infinite}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .3s ease forwards}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.6)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:glowPulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes greenGlow{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.6)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}.green-dot{width:10px;height:10px;border-radius:50%;background:var(--green);animation:greenGlow 1.5s ease-in-out infinite}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,transform .15s}.card:hover{border-color:#2d4060}.card.active{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font-family:inherit;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn:hover{opacity:.9}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#0a0f1e}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-ghost{color:var(--text-dim)}.btn-ghost,.input{background:var(--bg-card2)}.input{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}