@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--ink: #0A0A0B;--graphite: #141416;--slate: #1C1C1F;--smoke: #2A2A2D;--iron: #3A3A3D;--bone: #F2F0EC;--ash: #A1A1A6;--fog: #6B6B70;--paper: #F4F1EC;--card: #FFFFFF;--linen: #EBE7E0;--chalk: #DCD7CE;--pewter: #B8B3A8;--lead: #3A3A3D;--stone: #7A7670;--vocaler-red: #FF2D1F;--vocaler-red-glow: rgba(255, 45, 31, .4);--accent-blue: #1845FF;--accent-blue-hover: #0F35E6;--accent-blue-soft: rgba(24, 69, 255, .12);--accent-blue-text: #6B8AFF;--live-green: #22C55E;--signal-amber: #F59E0B;--error: #FF2D1F;--font-sans: "Geist", "Söhne", "Inter Display", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "Söhne Mono", "JetBrains Mono", ui-monospace, "SF Mono", monospace;--fs-display-hero: 120px;--fs-display-xl: 80px;--fs-display-lg: 56px;--fs-h1: 40px;--fs-h2: 28px;--fs-h3: 20px;--fs-h4: 16px;--fs-body-lg: 18px;--fs-body: 15px;--fs-body-sm: 13px;--fs-caption: 12px;--fs-micro: 11px;--fs-mono: 13px;--fs-mono-sm: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--space-40: 160px;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 64px -24px rgba(0, 0, 0, .6);--shadow-glow-red: 0 0 32px rgba(255, 45, 31, .35);--shadow-glow-blue: 0 0 0 4px rgba(24, 69, 255, .2);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--dur-micro: .15s;--dur-layout: .25s;--dur-sheet: .4s;--dur-page: .3s;--bg: var(--ink);--bg-elev: var(--graphite);--bg-hover: var(--slate);--border: var(--smoke);--border-hover: var(--iron);--fg: var(--bone);--fg-muted: var(--ash);--fg-subtle: var(--fog);--link: var(--accent-blue);--bg-page: var(--ink);--button-secondary-bg: var(--bone);--button-secondary-fg: var(--ink);--button-secondary-border: var(--bone);--surface-shadow: 0 1px 2px rgba(0, 0, 0, .4)}[data-theme=light]{--bg: var(--paper);--bg-elev: var(--card);--bg-hover: var(--linen);--border: var(--chalk);--border-hover: var(--pewter);--fg: var(--ink);--fg-muted: var(--lead);--fg-subtle: var(--stone);--link: var(--accent-blue);--bg-page: var(--paper);--button-secondary-bg: var(--ink);--button-secondary-fg: var(--paper);--button-secondary-border: var(--ink);--surface-shadow: 0 1px 2px rgba(10, 10, 11, .08)}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.55;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{transition:background var(--dur-layout) var(--ease-out-expo),color var(--dur-layout) var(--ease-out-expo)}.display-hero{font-size:var(--fs-display-hero);font-weight:500;letter-spacing:-.04em;line-height:.95}.display-xl{font-size:var(--fs-display-xl);font-weight:500;letter-spacing:-.03em;line-height:1}.display-lg{font-size:var(--fs-display-lg);font-weight:500;letter-spacing:-.03em;line-height:1.05}h1,.h1{font-size:var(--fs-h1);font-weight:500;letter-spacing:-.02em;line-height:1.1}h2,.h2{font-size:var(--fs-h2);font-weight:500;letter-spacing:-.02em;line-height:1.2}h3,.h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.01em;line-height:1.3}h4,.h4{font-size:var(--fs-h4);font-weight:600;line-height:1.4}.body-lg{font-size:var(--fs-body-lg);line-height:1.55}.body{font-size:var(--fs-body);line-height:1.55}.body-sm{font-size:var(--fs-body-sm);line-height:1.5}.caption{font-size:var(--fs-caption);font-weight:500;line-height:1.4}.micro{font-size:var(--fs-micro);font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;color:var(--fg-muted)}.mono{font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1.5}.mono-sm{font-family:var(--font-mono);font-size:var(--fs-mono-sm);line-height:1.4}.num{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px;background:var(--vocaler-red);flex-shrink:0}.dot--recording{background:var(--vocaler-red)}.dot--complete{background:var(--live-green)}.dot--queued{background:transparent;border:1.5px solid var(--vocaler-red)}.dot--offline{background:transparent;border:1.5px solid var(--fog)}.dot--rendering{background:var(--vocaler-red);position:relative}.dot--rendering:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:9999px;background:var(--vocaler-red);opacity:.4;animation:vocaler-pulse 1.2s var(--ease-out-expo) infinite}@keyframes vocaler-pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.6);opacity:0}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}html{background:#0a0a0b;color:#f2f0ec;font-family:var(--font-sans, "Geist", system-ui, sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[data-theme=light]{background:var(--bg, #f4f1ec);color:var(--fg, #0a0a0b)}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent-blue, #1845ff);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#2a2a2d;border-radius:9999px}::-webkit-scrollbar-track{background:transparent}.voc-skip-link{position:absolute;left:-9999px;top:0;z-index:2000;padding:10px 14px;background:var(--accent-blue, #1845ff);color:#fff;border-radius:0 0 6px;font-size:13px}.voc-skip-link:focus{left:0}.voc-logo-light{display:none}html[data-theme=light] .voc-logo-dark{display:none!important}html[data-theme=light] .voc-logo-light{display:block!important}@keyframes vocPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}@keyframes vocFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes vocShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes vocSpin{to{transform:rotate(360deg)}}@keyframes vocSheetRight{0%{transform:translate(100%)}to{transform:none}}@keyframes vocSheetUp{0%{transform:translateY(100%)}to{transform:none}}@media (max-width: 1080px){.voc-dash-grid{grid-template-columns:1fr!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}