@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#050810;--bg-card:#0a0e1cd9;--bg-surface:#10162a99;--border:#63b3ed26;--border-glow:#63b3ed66;--text:#94a3b8;--text-h:#e2e8f0;--accent:#38bdf8;--accent2:#818cf8;--accent3:#34d399;--danger:#f87171;--glow:#38bdf840;--glow-strong:#38bdf880;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #38bdf81f 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, #818cf814 0%, transparent 50%), var(--bg);min-height:100vh}#root{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.voice-app{flex-direction:column;gap:20px;width:100%;max-width:560px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #38bdf80d,0 20px 60px #00000080,inset 0 1px #ffffff0a}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#38bdf808 0%,#0000 50%);position:absolute;inset:0}.header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.header-logo{background:linear-gradient(135deg, var(--accent), var(--accent2));width:40px;height:40px;box-shadow:0 0 20px var(--glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.header-text h1{color:var(--text-h);letter-spacing:.3px;font-size:17px;font-weight:600}.header-text p{color:var(--text);font-size:12px;font-family:var(--mono);margin-top:2px}.header-badge{font-size:11px;font-family:var(--mono);color:var(--accent3);letter-spacing:.5px;background:#34d3991a;border:1px solid #34d39940;border-radius:20px;margin-left:auto;padding:3px 10px}.input-row{align-items:stretch;gap:10px;display:flex}.text-input{background:var(--bg-surface);border:1px solid var(--border);font-size:14px;font-family:var(--sans);color:var(--text-h);border-radius:12px;outline:none;flex:1;min-width:0;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.text-input::placeholder{color:#94a3b866}.text-input:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px #38bdf814,0 0 20px #38bdf80f}.mic-btn{border:1px solid var(--border);background:var(--bg-surface);width:46px;height:46px;color:var(--accent);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.mic-btn:hover{border-color:var(--border-glow);box-shadow:0 0 20px var(--glow);background:#38bdf814}.mic-btn.recording{border-color:var(--danger);color:var(--danger);background:#f871711a;animation:1.5s ease-in-out infinite mic-pulse;box-shadow:0 0 20px #f871714d}.mic-btn.loading{pointer-events:none;opacity:.7}@keyframes mic-pulse{0%,to{box-shadow:0 0 15px #f871714d}50%{box-shadow:0 0 30px #f8717199}}.status-bar{background:var(--bg-surface);border:1px solid var(--border);font-size:12px;font-family:var(--mono);color:var(--text);border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:10px 14px;transition:all .3s;display:flex}.status-bar.recording{color:var(--danger);border-color:#f871714d}.status-bar.recognizing{color:var(--accent);border-color:#38bdf84d}.status-bar.done{color:var(--accent3);border-color:#34d3994d}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-bar.recording .status-dot{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.waveform{justify-content:center;align-items:center;gap:3px;height:36px;display:flex}.waveform-bar{background:var(--accent);opacity:.7;border-radius:2px;width:3px;animation:1.2s ease-in-out infinite wave}.waveform-bar:first-child{height:8px;animation-delay:0s}.waveform-bar:nth-child(2){height:16px;animation-delay:.1s}.waveform-bar:nth-child(3){height:24px;animation-delay:.2s}.waveform-bar:nth-child(4){height:30px;animation-delay:.3s}.waveform-bar:nth-child(5){height:24px;animation-delay:.4s}.waveform-bar:nth-child(6){height:16px;animation-delay:.3s}.waveform-bar:nth-child(7){height:8px;animation-delay:.2s}@keyframes wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.spinner{border:2px solid #38bdf833;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card-grid{pointer-events:none;border-radius:inherit;background-image:linear-gradient(#38bdf808 1px,#0000 1px),linear-gradient(90deg,#38bdf808 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.footer-hint{text-align:center;font-size:11px;font-family:var(--mono);color:#94a3b84d;letter-spacing:.5px}