:root{--color-canvas: #12141f;--color-rail: #0e1019;--color-surface: #1a1c29;--color-surface-raised: #232532;--color-text: #e9e9ed;--color-text-dim: #b2b6ca;--color-text-mute: #8287a0;--color-border: #2b2e3d;--color-border-strong: #3f424d;--color-accent: #9184d9;--color-accent-hi: #b5abfc;--color-accent-tint: rgba(145, 132, 217, .16);--color-accent-tint-strong: rgba(145, 132, 217, .32);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-thumb: 6px;--radius-control: 8px;--radius-card: 10px;--radius-panel: 14px;--radius-pill: 20px;--control-height: 32px;--row-height: 44px;--bg: var(--color-canvas);--rail: var(--color-rail);--surface: var(--color-surface);--surface2: var(--color-surface-raised);--text: var(--color-text);--dim: var(--color-text-dim);--mute: var(--color-text-mute);--border: var(--color-border);--border-2: var(--color-border-strong);--accent: var(--color-accent);--accent-hi: var(--color-accent-hi);--accent-tint: var(--color-accent-tint);--accent-tint-2: var(--color-accent-tint-strong);--app-bg: var(--color-canvas);color-scheme:dark}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;background:var(--app-bg);color:var(--text)}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{padding:0}@keyframes bo-spin{to{transform:rotate(360deg)}}