:root{--bg-primary:#0a0e27;--bg-secondary:#111633;--bg-elevated:#181e3d;--text-primary:#f0f0f5;--text-secondary:#8890b0;--accent:#e8a850;--accent-hover:#f0be6e;--accent-glow:#e8a85026;--success:#7eb8a0;--error:#d4786e;--border:#1e2548;--slider-track:#1e2548;--slider-fill:#e8a850;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-base:17px;--font-size-heading:22px;--font-size-xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--line-height:1.5;--touch-target:48px;--border-radius:16px;--border-radius-sm:10px}[data-theme=light]{--bg-primary:#f5f0eb;--bg-secondary:#fff;--bg-elevated:#fff;--text-primary:#1a1d28;--text-secondary:#6b7280;--border:#e5e7eb;--slider-track:#e5e7eb}@keyframes breathe{0%,to{box-shadow:0 0 40px var(--accent-glow), 0 4px 24px #0000004d;transform:scale(1)}50%{box-shadow:0 0 60px var(--accent-glow), 0 4px 32px #0000004d;transform:scale(1.04)}}@keyframes recording-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.phase-enter{animation:.3s ease-out fadeIn}.stagger-0{animation:.3s ease-out both fadeIn}.stagger-1{animation:.3s ease-out .2s both fadeIn}.stagger-2{animation:.3s ease-out .4s both fadeIn}@keyframes loading-dot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loading-dots{margin-bottom:var(--space-md);justify-content:center;gap:4px;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loading-dot}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.studio-screen{width:100%}#root:has(.app--studio){max-width:560px}.app--studio{padding-left:var(--space-md);padding-right:var(--space-md)}@keyframes studio-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.studio-skeleton{background:linear-gradient(90deg, var(--bg-elevated) 0%, #e8a8501f 45%, var(--bg-elevated) 90%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite studio-shimmer}.studio-lens{animation:.45s ease-out both fadeIn}.studio-lens-enter{animation:.5s ease-out both fadeIn}@media (prefers-reduced-motion:reduce){.studio-skeleton{background:var(--bg-elevated);animation:none}.studio-lens,.studio-lens-enter{animation:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;overflow-y:scroll}body{flex-direction:column;align-items:center;min-height:100dvh;display:flex}#root{width:100%;max-width:420px;margin:0 auto}.app{width:100%;min-height:100dvh;padding:var(--space-lg) var(--space-md);padding-bottom:calc(var(--touch-target) + var(--space-xl));flex-direction:column;display:flex}button{min-height:var(--touch-target);border-radius:var(--border-radius);cursor:pointer;font-family:inherit}input[type=range]::-webkit-slider-runnable-track{background:0 0;border:none}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--accent);border:2px solid var(--bg-primary);cursor:pointer;z-index:1;background-image:none;border-radius:50%;width:24px;height:24px;position:relative}input[type=range]::-moz-range-track{background:0 0;border:none}input[type=range]::-moz-range-progress{background:0 0;border:none}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-moz-range-thumb{background-color:var(--accent);border:2px solid var(--bg-primary);width:24px;height:24px;box-shadow:0 0 0 1px var(--bg-primary);appearance:none;cursor:pointer;background-image:none;border-radius:50%}