@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#f1f5f9;--border-active:#e2e8f0;--accent-color:#6366f1;--accent-secondary:#4f46e5;--accent-light:#eef2ff;--accent-glow:#6366f126;--success-color:#10b981;--success-bg:#ecfdf5;--success-border:#d1fae5;--error-color:#ef4444;--error-bg:#fef2f2;--error-border:#fee2e2;--warning-color:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fef3c7;--font-sans:"Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 3px #00000005;--shadow-md:0 8px 30px #00000008;--shadow-lg:0 20px 48px #0f172a0f;--shadow-active:0 12px 32px #6366f10f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--header-height:58px;--nav-bar-height:72px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-primary);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 10% 20%,#f6f7ff 0%,#fdf8ff 45%,#f2fbff 90%),#f8fafc;font-size:16px;overflow:hidden}.selectable{-webkit-user-select:text;user-select:text}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:99px}#root{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.bg-glow-blob{filter:blur(140px);z-index:1;opacity:.45;pointer-events:none;border-radius:999px;animation:14s ease-in-out infinite floatGlow;position:absolute}.bg-glow-blob-1{background:radial-gradient(circle,#6366f173 0%,#6366f100 70%);width:450px;height:450px;animation-delay:0s;top:-10%;left:20%}.bg-glow-blob-2{background:radial-gradient(circle,#10b98140 0%,#10b98100 70%);width:550px;height:550px;animation-delay:5s;bottom:-10%;right:20%}@keyframes floatGlow{0%,to{transform:translateY(0)scale(1)rotate(0)}50%{transform:translateY(-30px)scale(1.08)rotate(15deg)}}.phone-frame-mockup{background-color:var(--bg-primary);z-index:10;width:412px;height:844px;transition:border-color var(--transition-normal);border:12px solid #0f172a;border-radius:46px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 72px -16px #0f172a1f,0 0 1px 1px #0f172a0d}.dynamic-island{z-index:100;pointer-events:none;background-color:#0f172a;border-radius:99px;justify-content:flex-end;align-items:center;width:110px;height:28px;padding-right:12px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.dynamic-island-camera{opacity:.8;background-color:#1e293b;border-radius:99px;width:8px;height:8px}.home-indicator{z-index:100;pointer-events:none;background-color:#cbd5e1;border-radius:99px;width:135px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (width<=768px){body{background:var(--bg-primary)}.phone-frame-mockup{border:none;border-radius:0;width:100vw;height:100vh;position:absolute;inset:0}.dynamic-island,.home-indicator,.bg-glow-blob{display:none!important}}.tab-content-container{height:calc(100% - var(--header-height) - var(--nav-bar-height));flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.panel-view{opacity:0;pointer-events:none;transition:opacity var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(12px)}.panel-view.active{opacity:1;pointer-events:auto;z-index:5;transform:translateY(0)}.track-child{--accent-color:#fbbf24;--accent-secondary:#d97706;--accent-light:#fefbeb;--accent-glow:#fbbf2433}.track-child .phone-frame-mockup{border-color:#d97706}@keyframes pulseGlow{0%{opacity:.85;box-shadow:0 0 0 0 var(--accent-glow);transform:scale(.96)}50%{opacity:1;box-shadow:0 0 0 8px var(--accent-glow);transform:scale(1.04)}to{opacity:.85;box-shadow:0 0 0 0 var(--accent-glow);transform:scale(.96)}}@keyframes micListeningPulse{0%{box-shadow:0 0 #ef44444d}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes wave{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) forwards}.animate-slide-down{animation:slideDown var(--transition-normal) forwards}