@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root,[data-theme=dark]{--bg-void:#050508;--bg-glass:#ffffff09;--bg-glass-hover:#ffffff14;--bg-light-glass:#ffffff0f;--bg-input:#ffffff0a;--bg-tab-bar:#080810e6;--bg-overlay:#0c0c18e0;--border-glass:#ffffff14;--border-glass-strong:#ffffff1f;--border-focus:#7c3aed80;--border-subtle:#ffffff0a;--text-primary:#fffffff2;--text-secondary:#fff9;--text-ghost:#ffffff4d;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed33;--accent-purple-intense:#7c3aed59;--accent-red:#ef4444;--accent-green:#22c55e;--accent-amber:#f59e0b;--accent-yellow:#f59e0b;--accent-blue:#3b82f6;--shadow-card:0 8px 40px #00000059;--shadow-soft:0 4px 32px #0006;--shadow-card-inset-top:inset 0 1px 0 0 #ffffff14;--shadow-card-inset-bot:inset 0 -1px 0 0 #ffffff05;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Montserrat", "Inter", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--radius-card:24px;--radius-button:16px;--radius-input:14px;--radius-chip:999px;--padding-card:28px}[data-theme=light]{--bg-void:#f4f4f8;--bg-glass:#ffffffa6;--bg-glass-hover:#ffffffd9;--bg-light-glass:#ffffff73;--bg-input:#00000008;--bg-tab-bar:#ffffffe6;--bg-overlay:#fffffff0;--border-glass:#0000000f;--border-glass-strong:#0000001a;--border-focus:#7c3aed66;--border-subtle:#0000000a;--text-primary:#000000e0;--text-secondary:#00000080;--text-ghost:#00000040;--accent-purple-glow:#7c3aed1a;--accent-purple-intense:#7c3aed2e;--shadow-card:0 4px 24px #0000000f;--shadow-soft:0 2px 16px #0000000f;--shadow-card-inset-top:inset 0 1px 0 0 #ffffffb3;--shadow-card-inset-bot:inset 0 -1px 0 0 #00000005}[data-theme=light] .ambient-orb{opacity:.12}*{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;letter-spacing:-.01em;margin:0;padding:0;font-size:14px;line-height:1.6;overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.03em}.mono{font-family:var(--font-mono)}.ambient-bg{z-index:-1;background:var(--bg-void);position:absolute;inset:0;overflow:hidden}.ambient-orb{will-change:transform;border-radius:50%;position:absolute}.orb-1{filter:blur(100px);opacity:.6;background:#7c3aed2e;width:500px;height:500px;animation:25s ease-in-out infinite alternate floatA;top:-15%;left:-15%}.orb-2{filter:blur(90px);opacity:.5;background:#581cc326;width:350px;height:350px;animation:22s ease-in-out infinite alternate floatB;bottom:5%;right:-10%}.orb-3{filter:blur(70px);opacity:.4;background:#8b5cf61f;width:250px;height:250px;animation:28s ease-in-out infinite alternate floatC;top:35%;left:25%}.orb-4{filter:blur(60px);opacity:.3;background:#3b82f61a;width:180px;height:180px;animation:30s ease-in-out infinite alternate-reverse floatA;top:10%;right:15%}.orb-5{filter:blur(50px);opacity:.35;background:#a855f733;width:120px;height:120px;animation:20s ease-in-out infinite alternate-reverse floatB;bottom:25%;left:10%}.orb-6{filter:blur(120px);opacity:.25;background:#5b21b614;width:400px;height:400px;animation:35s ease-in-out infinite alternate floatC;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatA{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,50px)scale(1.08)}to{transform:translate(-30px,25px)scale(.92)}}@keyframes floatB{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-35px,40px)scale(1.12)rotate(5deg)}to{transform:translate(20px,-20px)scale(.95)rotate(-3deg)}}@keyframes floatC{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(25px,-30px)scale(1.05)rotate(3deg)}66%{transform:translate(-20px,35px)scale(.97)rotate(-2deg)}to{transform:translate(10px,-15px)scale(1.02)}}.app-container{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}.sv-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(40px)saturate(180%);border:1px solid var(--border-glass-strong);border-radius:var(--radius-card);padding:var(--padding-card);box-shadow:var(--shadow-soft), 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 32px;display:flex;overflow-x:auto}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-item{scroll-snap-align:center;flex:0 0 82%;max-width:300px}.btn{border-radius:var(--radius-button);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-ui);letter-spacing:.01em;box-shadow:var(--shadow-soft);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 22px;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,#7c3aedd9,#5b21b6d9);border:1px solid #ffffff26;box-shadow:0 8px 28px #7c3aed4d,inset 0 1px #ffffff40}.btn-primary:active{transform:scale(.96);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);box-shadow:var(--shadow-soft)}.btn-ghost:active{background:var(--bg-glass-hover);transform:scale(.96)}.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 18px;font-size:15px;transition:all .2s;box-shadow:inset 0 1px 3px #00000014}.input-field:focus{border-color:var(--border-focus);background:var(--bg-glass-hover);box-shadow:inset 0 1px 3px #00000014,0 0 0 4px #7c3aed1f}.input-field::placeholder{color:var(--text-ghost)}input[type=range]{appearance:none;background:var(--bg-input);border:1px solid var(--border-glass);border-radius:4px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:2px solid #ffffff4d;border-radius:50%;width:36px;height:36px;transition:transform .15s;box-shadow:0 4px 16px #7c3aed80}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15)}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:2px solid #ffffff4d;border-radius:50%;width:36px;height:36px;box-shadow:0 4px 16px #7c3aed80}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInSlideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes morphScale{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 20px #7c3aed33}50%{box-shadow:0 0 50px #7c3aed80}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}.waveform-container{justify-content:center;align-items:center;gap:3px;height:44px;display:flex}.waveform-bar{background:var(--accent-purple);border-radius:2px;width:3px;min-height:4px;transition:height 80ms ease-out}@keyframes waveformBounce{0%{height:4px}to{height:100%}}.chip{border-radius:var(--radius-chip);letter-spacing:.04em;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);box-shadow:var(--shadow-soft);align-items:center;padding:5px 12px;display:inline-flex}.chip-ghost{border-color:var(--border-glass);color:var(--text-ghost);box-shadow:none;background:0 0}.chip-green{color:var(--accent-green);background:#22c55e1a;border-color:#22c55e40}.chip-amber{color:var(--accent-amber);background:#f59e0b1a;border-color:#f59e0b40}.chip-red{color:var(--accent-red);background:#ef44441a;border-color:#ef444440}.segmented-control{background:var(--bg-input);border:1px solid var(--border-glass);box-shadow:var(--shadow-soft);border-radius:16px;gap:2px;padding:4px;display:flex}.segmented-control button{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-ui);color:var(--text-ghost);background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;transition:all .2s;display:flex}.segmented-control button.active{background:var(--bg-glass-hover);color:var(--text-primary);box-shadow:0 2px 12px #0000001f}.text-micro{font-size:11px;font-weight:600;font-family:var(--font-ui)}.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;touch-action:pan-y;scrollbar-width:none;flex:1;min-height:0;padding-top:8px;padding-bottom:200px;overflow:hidden auto}.page-scroll::-webkit-scrollbar{display:none}.sv-card,.btn,.chip,.input-field,.segmented-control button{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.tilt-card{transform-style:preserve-3d;perspective:800px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.tilt-card:active{transform:perspective(800px)rotateX(3deg)rotateY(-2deg)scale(.97)}