:root{--brand-primary: #8b5cf6;--brand-secondary: #6d28d9;--brand-accent: #a78bfa;--bg-app: #0f0f0f;--bg-panel: #1a1a1a;--bg-elevated: #252525;--bg-canvas: #1e1e1e;--bg-track: #242424;--text-primary: #e5e5e5;--text-secondary: #a3a3a3;--text-muted: #737373;--text-inverse: #0f0f0f;--border-subtle: #2a2a2a;--border-default: #404040;--border-strong: #525252;--accent-primary: #3b82f6;--accent-hover: #2563eb;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--playhead: #f59e0b;--selection: rgba(139, 92, 246, .2);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Courier New", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-lg: 14px;--font-size-xl: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-ui);font-size:var(--font-size-base);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-2) var(--space-3);border-radius:4px;transition:all var(--transition-fast);font-weight:500}button:hover:not(:disabled){background:var(--bg-track);border-color:var(--border-strong)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}button.primary:hover:not(:disabled){background:var(--brand-secondary);border-color:var(--brand-secondary)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}input,select{font-family:inherit;font-size:var(--font-size-sm);background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-2);border-radius:4px;transition:border-color var(--transition-fast)}input:focus,select:focus{outline:none;border-color:var(--brand-primary)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-track)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}::selection{background:var(--selection);color:var(--text-primary)}*:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}