@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";@import "https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap";:root,[data-theme=dark]{--bg-void:#030406;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff14;--bg-light-glass:#ffffff12;--bg-input:#ffffff0a;--bg-tab-bar:#05050cd9;--bg-overlay:#0a0a14d9;--border-glass:#ffffff1a;--border-glass-strong:#ffffff26;--border-focus:#7c3aed99;--border-subtle:#ffffff0a;--text-primary:#fffffff5;--text-secondary:#ffffffa6;--text-ghost:#ffffff59;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed40;--accent-purple-intense:#7c3aed66;--accent-red:#ef4444;--accent-green:#22c55e;--accent-amber:#f59e0b;--accent-yellow:#f59e0b;--accent-blue:#3b82f6;--shadow-card:0 8px 32px 0 #0000004d;--shadow-card-inset-top:inset 0 1px 0 0 #ffffff1a;--shadow-card-inset-bot:inset 0 -1px 0 0 #ffffff05;--font-ui:"General Sans", "SF Pro Display", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--radius-card:24px;--radius-button:16px;--radius-input:12px;--radius-chip:999px;--padding-card:24px}[data-theme=light]{--bg-void:#f5f5f7;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffe6;--bg-light-glass:#ffffff80;--bg-input:#00000008;--bg-tab-bar:#ffffffe0;--bg-overlay:#ffffffeb;--border-glass:#00000014;--border-glass-strong:#0000001f;--border-focus:#7c3aed80;--border-subtle:#0000000a;--text-primary:#000000e6;--text-secondary:#0000008c;--text-ghost:#0000004d;--accent-purple-glow:#7c3aed1f;--accent-purple-intense:#7c3aed33;--shadow-card:0 4px 24px 0 #0000000f;--shadow-card-inset-top:inset 0 1px 0 0 #fffc;--shadow-card-inset-bot:inset 0 -1px 0 0 #00000005}[data-theme=light] .ambient-orb{opacity:.15}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100vw;height:100dvh;font-family:var(--font-ui);background-color:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px;line-height:1.5;overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}.mono{font-family:var(--font-mono)}.ambient-bg{z-index:-1;background:var(--bg-void);position:absolute;inset:0;overflow:hidden}.ambient-orb{filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orb-1{background:var(--accent-purple-glow);width:400px;height:400px;top:-100px;left:-100px}.orb-2{background:#3b82f626;width:300px;height:300px;animation-delay:-5s;bottom:10%;right:-50px}.orb-3{background:#ef44441a;width:200px;height:200px;animation-delay:-12s;top:40%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,40px)scale(1.1)}to{transform:translate(-20px,20px)scale(.9)}}.app-container{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}.sv-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--border-glass-strong);border-radius:var(--radius-card);padding:var(--padding-card);box-shadow:var(--shadow-card), var(--shadow-card-inset-top), var(--shadow-card-inset-bot);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.sv-card-interactive{cursor:pointer}.sv-card-interactive:active{background:var(--bg-glass-hover);transform:scale(.97)translateZ(0)}.horizontal-scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:0 24px 24px;display:flex;overflow-x:auto}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-item{scroll-snap-align:center;flex:0 0 85%;max-width:320px}.btn{border-radius:var(--radius-button);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-ui);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-primary{-webkit-backdrop-filter:blur(12px);color:#fff;background:linear-gradient(135deg,#7c3aedcc,#5b21b6cc);border:1px solid #fff3;box-shadow:0 8px 24px #7c3aed4d,inset 0 1px #ffffff4d}.btn-primary:active{transform:scale(.95);box-shadow:0 2px 8px #7c3aed33}.btn-ghost{background:var(--bg-light-glass);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-ghost:active{background:var(--bg-glass-hover);transform:scale(.95)}.input-field{background:var(--bg-input);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass-strong);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font-ui);outline:none;width:100%;padding:14px 16px;font-size:14px;transition:all .2s;box-shadow:inset 0 2px 4px #0000001a}.input-field:focus{border-color:var(--border-focus);background:var(--bg-glass-hover);box-shadow:inset 0 2px 4px #0000001a,0 0 0 4px #7c3aed26}.input-field::placeholder{color:var(--text-ghost)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes morphScale{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 20px #7c3aed33}50%{box-shadow:0 0 60px #7c3aed99}to{box-shadow:0 0 20px #7c3aed33}}@keyframes spin{to{transform:rotate(360deg)}}.pulse-recording{animation:1s linear infinite spin}.capsule-active{animation:3s ease-in-out infinite glowPulse}@keyframes voiceDotSlideUp{0%{transform:translateY(0)scale(1)}to{transform:translateY(-40px)scale(1)}}@keyframes voicePillExpand{0%{border-radius:28px;width:56px}to{border-radius:32px;width:min(90vw,360px)}}.waveform-container{justify-content:center;align-items:center;gap:3px;height:40px;display:flex}.waveform-bar{background:var(--accent-purple);border-radius:2px;width:3px;min-height:4px;transition:height 80ms ease-out}.waveform-bar-animated{animation:1s ease-in-out infinite alternate waveformBounce}@keyframes waveformBounce{0%{height:4px}to{height:100%}}.chip{border-radius:var(--radius-chip);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);white-space:nowrap;cursor:default;font-size:10px;font-weight:600;font-family:var(--font-ui);align-items:center;padding:4px 10px;display:inline-flex}.chip-ghost{border-color:var(--border-glass);color:var(--text-ghost);background:0 0}.chip-green{color:var(--accent-green);background:#22c55e1f;border-color:#22c55e4d}.chip-amber{color:var(--accent-amber);background:#f59e0b1f;border-color:#f59e0b4d}.chip-red{color:var(--accent-red);background:#ef44441f;border-color:#ef44444d}.segmented-control{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:14px;gap:2px;padding:3px;display:flex}.segmented-control button{cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-ui);color:var(--text-ghost);background:0 0;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:flex}.segmented-control button.active{background:var(--bg-glass-hover);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.text-micro{font-size:11px;font-weight:600}.tracking-wide{letter-spacing:.1em;text-transform:uppercase}.text-ghost{color:var(--text-ghost)}.text-secondary{color:var(--text-secondary)}.page-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding-bottom:160px;overflow:hidden auto}.page-scroll::-webkit-scrollbar{display:none}