@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--bg: #050505;--fg: #f4f4f5;--accent: #06d6a0;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-ui);line-height:1.5}body{padding:16px}.spectra{height:100%;display:flex;flex-direction:column}.top-strip{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;flex-direction:column;gap:1px}.logo{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--fg);letter-spacing:-.02em}.logo-sub{font-family:var(--font-mono);font-size:.6rem;color:#f4f4f54d;letter-spacing:.04em}.tabs{display:flex;gap:24px}.tab{font-family:var(--font-mono);font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--fg);opacity:.5;background:none;border:none;border-bottom:2px solid transparent;padding:4px 0;cursor:pointer;transition:opacity .2s}.tab:hover{opacity:.75}.tab.active{opacity:1;border-bottom-color:var(--accent)}.status-pill{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.08em;color:#f4f4f5a6}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.offline{background:#ef4444;opacity:.6}.status-dot.live{background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.loading-indicator{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--accent)}.canvas-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.canvas-wrapper{position:relative}.visualizer-canvas{border:1px solid rgba(255,255,255,.08);display:block}.canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg);border:1px solid rgba(255,255,255,.08);z-index:10}.error-title{font-family:var(--font-ui);font-size:1.2rem;font-weight:700;color:var(--fg)}.error-sub{font-family:var(--font-mono);font-size:.75rem;color:#f4f4f566;text-align:center;max-width:380px;line-height:1.6}.loading-text{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.bottom-strip{height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.offline-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.privacy-note{font-family:var(--font-mono);font-size:.6rem;color:#f4f4f547;letter-spacing:.03em}.enable-btn{font-family:var(--font-mono);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--accent);color:var(--bg);border:none;padding:8px 24px;border-radius:4px;cursor:pointer;transition:filter .15s}.enable-btn:hover{filter:brightness(1.15)}.live-controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:900px;gap:20px}.disable-btn{font-family:var(--font-mono);font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;background:transparent;color:var(--accent);border:1px solid var(--accent);padding:6px 16px;border-radius:4px;cursor:pointer;transition:background .15s;flex-shrink:0}.disable-btn:hover{background:#06d6a01a}.live-stats{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:#f4f4f580;letter-spacing:.05em;white-space:nowrap}.gain-control{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:#f4f4f580;flex-shrink:0}.gain-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:4px;background:#ffffff1f;border-radius:2px;outline:none}.gain-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.gain-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.try-again-btn{font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--accent);color:var(--bg);border:none;padding:6px 18px;border-radius:4px;cursor:pointer;margin-top:8px;transition:filter .15s}.try-again-btn:hover{filter:brightness(1.15)}