@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:#e2e8f0;--border-active:#cbd5e1;--accent-color:#ff3175;--accent-secondary:#a855f7;--accent-light:#fff5f7;--accent-glow:#ff317514;--success-color:#10b981;--success-bg:#ecfdf5;--success-border:#d1fae5;--error-color:#ef4444;--error-bg:#fef2f2;--error-border:#fee2e2;--warning-color:#ff3175;--warning-bg:#ff317508;--warning-border:#ff31751a;--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);-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0}button,select,input,a,[role=button],.nav-item,.segmented-item,.tab-btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{background:var(--bg-primary);width:100%;height:100dvh;color:var(--text-primary);-webkit-user-select:none;user-select:none;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{background:var(--bg-primary);width:100vw;height:100dvh;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,#ff317566 0%,#ff317500 70%);width:450px;height:450px;animation-delay:0s;top:-10%;left:20%}.bg-glow-blob-2{background:radial-gradient(circle,#a855f74d 0%,#a855f700 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:100vw;height:100dvh;transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:none!important;border:none!important;border-radius:0!important}.dynamic-island,.dynamic-island-camera,.home-indicator,.bg-glow-blob{display:none!important}.tab-content-container{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:#ff3175;--accent-secondary:#a855f7;--accent-light:#fff5f7;--accent-glow:#ff317514}.track-child .phone-frame-mockup{border-color:#f43f5e}@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}