.home{width:100%;max-width:520px;padding:24px}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px;box-shadow:0 8px 32px #0000004d}.home-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.home-logo{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.home-tagline{color:var(--text-muted);font-size:14px;margin-top:4px}.btn-link{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.btn-link:hover{color:var(--text);background:var(--surface-hover)}.home-email{color:var(--text-muted);font-size:14px;margin-bottom:28px}.home-email strong{color:var(--text)}.home-status{color:var(--text-muted);font-size:14px}.home-error{color:var(--danger);font-size:14px}.home-paywall{text-align:center}.home-paywall p{color:var(--text-muted);font-size:15px;margin-bottom:20px}.home-paywall-actions{display:flex;gap:12px}.home-paywall-actions .btn{flex:1}.home-ready{display:flex;flex-direction:column;gap:20px}.home-trial-badge{font-size:13px;color:var(--accent);background:var(--accent-glow);padding:8px 14px;border-radius:8px;text-align:center}.home-api-key{display:flex;flex-direction:column;gap:8px}.home-api-key label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.home-api-key input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .2s ease}.home-api-key input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.home-api-key input::placeholder{color:var(--text-muted);opacity:.6}.home-api-hint{font-size:12px;color:var(--text-muted);line-height:1.5}.home-start-btn{width:100%;padding:20px 24px;font-size:18px;margin-top:8px}.home-start-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.visualizer-container{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;flex-shrink:0}.visualizer{display:block;width:100%;height:100px}.visualizer-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;pointer-events:none}.visualizer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.waiting-pulse{color:#ffbe3c;font-size:14px;font-weight:600;animation:fade-pulse 2s ease-in-out infinite}.stats-row{display:flex;gap:12px;flex-shrink:0}.stat{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-weight:600}.stat-value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.volume-meters{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.volume-meter{display:flex;align-items:center;gap:12px}.volume-meter-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-weight:600;min-width:52px}.volume-meter-track{flex:1;height:10px;background:var(--bg);border:1px solid var(--border);border-radius:5px;overflow:hidden;position:relative}.volume-meter-fill{height:100%;border-radius:5px;transition:width .08s linear,background .3s ease}.volume-meter-peak{position:absolute;top:0;width:2px;height:100%;background:var(--danger);border-radius:1px;transform:translate(-1px);box-shadow:0 0 4px var(--danger-glow)}.volume-meter-value{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.transcript-container{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.transcript-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-weight:600;padding:12px 16px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.transcript-header-right{display:flex;align-items:center;gap:14px}.speaker-legend{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot-closer{background:var(--accent)}.legend-dot-prospect{background:#2ed573;margin-left:8px}.transcript-live-dot{color:var(--danger);font-size:10px;animation:fade-pulse 1.5s ease-in-out infinite}.transcript-body{padding:16px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.transcript-body::-webkit-scrollbar{width:6px}.transcript-body::-webkit-scrollbar-track{background:transparent}.transcript-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.transcript-empty{color:var(--text-muted);font-size:13px;font-style:italic;opacity:.6}.transcript-bubble{max-width:90%;padding:10px 14px;border-radius:12px;position:relative}.transcript-closer{align-self:flex-end;background:#6c5ce726;border:1px solid rgba(108,92,231,.25);border-bottom-right-radius:4px}.transcript-prospect{align-self:flex-start;background:#2ed5731a;border:1px solid rgba(46,213,115,.2);border-bottom-left-radius:4px}.transcript-speaker-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.transcript-closer .transcript-speaker-label{color:var(--accent)}.transcript-prospect .transcript-speaker-label{color:#2ed573}.transcript-turn{font-size:14px;line-height:1.65;color:var(--text);margin:0}.transcript-partial{font-size:14px;line-height:1.65;color:var(--text-muted);font-style:italic;margin:0}.transcript-bubble-partial{opacity:.7}.call-toolbar{flex-shrink:0}.call-toolbar-btn{width:100%;padding:14px 24px;font-size:15px}.call-window{width:100%;height:100vh;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:hidden}.call-window-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.call-window-logo{display:flex;align-items:center;gap:8px}.call-window-logo-icon{font-size:20px;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent-glow))}.call-window-logo-text{font-size:18px;font-weight:700;letter-spacing:-.3px}.call-window-live-badge{font-size:12px;font-weight:600;color:var(--danger);animation:fade-pulse 1.5s ease-in-out infinite}.call-window-idle{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.call-window-instructions{color:var(--text-muted);font-size:15px;line-height:1.7;max-width:300px}.call-window-instructions strong{color:var(--text)}.call-window-error{display:flex;align-items:flex-start;gap:10px;background:var(--danger-glow);border:1px solid rgba(255,107,107,.3);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6;color:#ffa8a8;flex-shrink:0}.call-window-error-icon{font-size:16px;flex-shrink:0;margin-top:1px}.call-window-summary{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.call-window-summary-title{font-size:20px;font-weight:700;margin:0}.call-window-summary-stat{font-size:14px;color:var(--text-muted);margin:0}.call-window-summary-transcript{flex:1;min-height:0;display:flex;flex-direction:column}.call-window-summary-transcript .transcript-container{flex:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0f1a;--surface: #141925;--surface-hover: #1c2233;--border: #2a3148;--text: #e4e7ef;--text-muted: #8891a8;--accent: #6c5ce7;--accent-glow: rgba(108, 92, 231, .25);--success: #00d68f;--success-glow: rgba(0, 214, 143, .25);--danger: #ff6b6b;--danger-glow: rgba(255, 107, 107, .25)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{background:#7c6ff0;box-shadow:0 6px 28px #6c5ce766;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 20px var(--danger-glow)}.btn-danger:hover{background:#ff8585;box-shadow:0 6px 28px #ff6b6b66;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text)}.login-screen{text-align:center;padding:2rem}.login-screen .logo-text{font-size:36px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.login-subtitle{color:var(--text-muted);font-size:16px;margin-bottom:32px}.loading-text{color:var(--text-muted);text-align:center;padding:2rem}.error-text{color:var(--danger);text-align:center;padding:2rem}@keyframes fade-pulse{0%,to{opacity:1}50%{opacity:.4}}