:root{--color-brand: #0009FF;--color-brand-hover: #0007CC;--color-brand-subtle: rgba(0, 9, 255, .06);--color-brand-border: rgba(0, 9, 255, .3);--color-text-primary: #000;--color-text-secondary: #555;--color-text-tertiary: #777;--color-text-disabled: #999;--color-surface: #FFF;--color-surface-raised: #F5F5F5;--color-surface-hover: #EBEBEB;--color-border: #E0E0E0;--color-border-subtle: #EBEBEB;--color-backdrop: rgba(0, 0, 0, .5);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 9999px;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Consolas", "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .2);--waveform-height-mobile: 176px;--waveform-height-desktop: 248px}