:root{--color-canvas: #0f1014;--wallpaper: radial-gradient(900px 640px at 94% -10%, rgba(163, 149, 255, .4), transparent 64%), radial-gradient(780px 580px at 2% 14%, rgba(84, 140, 255, .24), transparent 62%), radial-gradient(860px 640px at 62% 114%, rgba(52, 208, 186, .18), transparent 64%), radial-gradient(640px 460px at 42% 46%, rgba(163, 149, 255, .07), transparent 70%), radial-gradient(1200px 700px at 50% -20%, rgba(255, 255, 255, .05), transparent 60%), linear-gradient(180deg, #121318 0%, #0b0c10 100%);--color-rail: rgba(255, 255, 255, .045);--color-surface: rgba(255, 255, 255, .04);--color-surface-raised: rgba(255, 255, 255, .065);--color-solid: #18191e;--color-floating: rgba(30, 31, 38, .8);--color-text: #f3f3f6;--color-text-dim: #c0c1cc;--color-text-mute: #8c8d99;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-accent: #a395ff;--color-accent-hi: #c4baff;--color-accent-tint: rgba(163, 149, 255, .15);--color-accent-tint-strong: rgba(163, 149, 255, .3);--glass-blur: blur(24px) saturate(160%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-thumb: 8px;--radius-control: 12px;--radius-card: 18px;--radius-panel: 24px;--radius-pill: 999px;--control-height: 34px;--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(--wallpaper);color-scheme:dark}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,system-ui,Roboto,sans-serif;font-size:13px;background:var(--app-bg);background-color:var(--color-canvas);background-attachment:fixed;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)}}