:root{color-scheme:dark;--bg-primary: #1a1a1a;--bg-secondary: #252525;--bg-tertiary: #2f2f2f;--surface: #333;--surface-hover: #3d3d3d;--border: #444;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #4a9eff;--accent-hover: #6bb0ff;--success: #4caf50;--warning: #ff9800;--error: #f44336}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,select{font:inherit}.btn{padding:8px 16px;border:1px solid var(--border);border-radius:4px;background-color:var(--surface);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn:hover{background-color:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background-color:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.status-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--error)}.status-indicator.connected{background-color:var(--success)}.status-indicator.buffering{background-color:var(--warning)}