@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0a0a1a;--bg-gradient: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0f0f2a 100%);--glass-surface: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(24px);--glass-hover: rgba(255, 255, 255, .06);--primary-accent: #a78bfa;--secondary-accent: #f472b6;--tertiary-accent: #38bdf8;--success: #4ade80;--error: #f87171;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(167, 139, 250, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:var(--bg-gradient);z-index:-2}body:after{content:"";position:fixed;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.08) 0%,transparent 70%);top:-200px;right:-200px;filter:blur(60px);animation:floatOrb1 25s infinite ease-in-out;z-index:-1;pointer-events:none}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-100px,100px) scale(1.1)}}#root:before{content:"";position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.06) 0%,transparent 70%);bottom:-150px;left:-150px;filter:blur(50px);animation:floatOrb2 20s infinite ease-in-out reverse;z-index:-1;pointer-events:none}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,-80px) scale(1.15)}}button{font-family:var(--font-main);cursor:pointer;border:none;background:none;color:inherit;transition:var(--transition-fast)}button:active{transform:scale(.97)}input,textarea{font-family:var(--font-main);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px;transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:var(--primary-accent);color:#fff}:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 20px 120px}.header{position:fixed;top:0;left:0;right:0;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(to bottom,rgba(10,10,26,.9) 0%,transparent 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-info h1{font-size:1.3rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.status-badge{font-size:.7rem;font-weight:500;padding:5px 14px;background:#4ade801a;color:var(--success);border-radius:100px;border:1px solid rgba(74,222,128,.2);text-transform:uppercase;letter-spacing:.05em;animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.settings-btn{width:44px;height:44px;border-radius:12px;background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.settings-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--primary-accent);box-shadow:var(--shadow-glow)}.settings-btn svg{transition:transform .4s ease}.settings-btn:hover svg{transform:rotate(90deg)}.error-banner{position:fixed;top:90px;left:50%;transform:translate(-50%);background:#f871711a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(248,113,113,.2);color:var(--error);padding:12px 24px;border-radius:16px;display:flex;align-items:center;gap:16px;font-size:.9rem;font-weight:500;z-index:200;animation:slideDown .3s ease;box-shadow:0 4px 24px #f8717126}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-banner button{width:24px;height:24px;border-radius:6px;background:#f8717126;color:inherit;font-size:.9rem;display:flex;align-items:center;justify-content:center}.error-banner button:hover{background:#f871714d}.visualizer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.avatar-wrapper-3d{width:100%;height:60vh;min-height:400px;max-height:700px}.status-text{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);background:var(--glass-surface);padding:10px 24px;border-radius:100px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.input-dock{position:fixed;bottom:0;left:0;right:0;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:100;background:linear-gradient(to top,rgba(10,10,26,.95) 0%,transparent 100%)}.glass-pill{width:100%;max-width:640px;height:64px;background:var(--glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;display:flex;align-items:center;padding:8px 12px 8px 8px;gap:8px;box-shadow:var(--shadow-soft),0 0 0 1px #ffffff05 inset;transition:var(--transition-smooth)}.glass-pill:focus-within{background:var(--glass-hover);border-color:#a78bfa4d;box-shadow:var(--shadow-soft),var(--shadow-glow);transform:translateY(-2px)}.glass-pill.listening{border-color:var(--secondary-accent);box-shadow:var(--shadow-soft),0 0 30px #f472b633}.mic-btn{width:48px;height:48px;border-radius:14px;background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-smooth)}.mic-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary);border-color:var(--primary-accent)}.mic-btn.active{background:#f472b626;border-color:var(--secondary-accent);color:var(--secondary-accent);animation:micPulse 1.5s infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #f472b666}50%{box-shadow:0 0 0 8px #f472b600}}.mic-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:20px}.mic-wave span{width:4px;background:var(--secondary-accent);border-radius:4px;animation:micWave .6s infinite ease-in-out}.mic-wave span:nth-child(1){animation-delay:0s}.mic-wave span:nth-child(2){animation-delay:.1s}.mic-wave span:nth-child(3){animation-delay:.2s}@keyframes micWave{0%,to{height:8px}50%{height:20px}}.minimal-input{flex:1;background:transparent;border:none;font-size:1rem;font-weight:400;color:var(--text-primary);outline:none;padding:0 12px}.minimal-input::placeholder{color:var(--text-muted);font-weight:400}.minimal-send-btn{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-smooth);box-shadow:0 4px 12px #a78bfa4d}.minimal-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #a78bfa66}.minimal-send-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--glass-surface);box-shadow:none}.minimal-send-btn svg{transition:transform var(--transition-fast)}.minimal-send-btn:hover:not(:disabled) svg{transform:translate(2px) translateY(-2px)}.docs-page{min-height:100vh;background:var(--bg-dark);color:var(--text-primary);padding-bottom:80px}.docs-nav{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#0a0a1acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100}.back-btn{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:8px 16px;border-radius:8px;background:var(--glass-surface);border:1px solid var(--glass-border);transition:all .2s ease}.back-btn:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--primary-accent)}.docs-nav h1{font-size:1.2rem;margin:0;color:var(--text-primary)}.docs-content{max-width:800px;margin:40px auto;padding:0 20px;display:flex;flex-direction:column;gap:60px}.docs-section h2{font-size:2rem;margin-bottom:24px;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.docs-section p{line-height:1.8;color:var(--text-secondary);font-size:1.1rem}.docs-section ul,.docs-section ol{color:var(--text-secondary);line-height:1.8;font-size:1.1rem;padding-left:24px}.docs-section li{margin-bottom:12px}.docs-section strong{color:var(--text-primary)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px}.feature-card{padding:24px;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:16px;transition:transform .2s ease}.feature-card:hover{transform:translateY(-5px);background:var(--glass-hover);border-color:var(--primary-accent)}.feature-card h3{margin-top:0;margin-bottom:12px;color:var(--text-primary);font-size:1.25rem}.feature-card p{font-size:1rem;margin:0}.privacy{padding:32px;background:#4ade800d;border:1px solid rgba(74,222,128,.1);border-radius:16px}