.home{width:100%;max-width:520px;padding:24px}.home-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-logo{font-size:20px;font-weight:700;letter-spacing:-.3px}.home-nav-links{display:flex;align-items:center;gap:12px}.home-card{background:var(--surface);border-radius:16px;padding:36px}.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}.usage-meter{background:var(--bg);border-radius:12px;padding:16px 18px}.usage-meter-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.usage-meter-track{height:8px;background:var(--surface-hover);border-radius:4px;overflow:hidden}.usage-meter-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .4s ease}.usage-meter-fill.exhausted{background:var(--danger)}.usage-meter-remaining{font-size:12px;color:var(--text-muted);margin-top:8px}.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}.name-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.name-prompt-modal{background:var(--surface);border-radius:16px;padding:32px;width:100%;max-width:400px;box-shadow:0 20px 60px #0006}.name-prompt-title{font-size:18px;font-weight:700;margin-bottom:6px}.name-prompt-desc{font-size:14px;color:var(--text-muted);margin-bottom:18px}.name-prompt-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--surface-hover);border-radius:10px;background:var(--bg);color:var(--text);outline:none;transition:border-color .2s;box-sizing:border-box}.name-prompt-input:focus{border-color:var(--accent)}.name-prompt-error{color:var(--danger);font-size:13px;margin-top:6px}.name-prompt-actions{display:flex;gap:10px;margin-top:20px}.name-prompt-actions .btn{flex:1}.visualizer-container{position:relative;background:var(--surface);border-radius:12px;overflow:hidden;flex-shrink:0}.visualizer-canvas-wrap{position:relative;width:100%;height:100px}.visualizer{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.visualizer-mic{opacity:.5}.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(--surface);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:68px}.volume-meter-track{flex:1;height:10px;background:var(--surface);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(--surface);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 10px;background:var(--surface-hover);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:#ffffff14;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:#6c5ce71f;border-bottom-right-radius:4px}.transcript-prospect{align-self:flex-start;background:#2ed57314;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 6px var(--accent-glow))}.call-window-logo-text{font-size:17px;font-weight:600;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-error{display:flex;align-items:flex-start;gap:10px;background:#ff6b6b14;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6;color:#ffa8a8;flex-shrink:0}.call-window-error-icon{font-size:15px;flex-shrink:0;margin-top:1px}.call-window-ready{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px 0}.ready-content{max-width:460px;width:100%}.stage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.stage-step{font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.3px}.stage-dots{display:flex;gap:6px}.stage-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-hover);transition:background .3s}.stage-dot.active{background:var(--accent)}.stage-dot.done{background:var(--success)}.ready-title{font-size:22px;font-weight:600;letter-spacing:-.3px;margin:0 0 6px}.ready-subtitle{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 24px}.stage-card{display:flex;align-items:flex-start;gap:14px;background:var(--surface);border-radius:12px;padding:18px;margin-bottom:20px}.stage-card-icon{font-size:24px;flex-shrink:0;margin-top:2px}.stage-card strong{display:block;font-size:14px;margin-bottom:6px}.stage-card p{color:var(--text-muted);font-size:13px;line-height:1.6;margin:0}.stage-card p strong{display:inline;font-size:inherit;color:var(--text);margin:0}.stage-card-note{margin-top:8px!important;font-size:12px!important;font-style:italic;opacity:.7}.stage-card-steps{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:2px}.stage-card-steps li{font-size:13px;line-height:1.7;color:var(--text-muted)}.stage-card-steps li strong{display:inline;font-size:inherit;color:var(--text);margin:0}.ready-retry-warning{display:flex;align-items:flex-start;gap:10px;background:#facc150f;border-radius:10px;padding:12px 14px;margin-bottom:16px}.ready-retry-warning-icon{font-size:15px;flex-shrink:0;margin-top:1px;color:#facc15}.ready-retry-warning p{font-size:13px;line-height:1.5;color:var(--text);margin:0}.ready-instructions{font-size:14px;line-height:1.6;color:var(--text);margin:0 0 16px}.ready-steps{margin:0 0 20px;padding-left:22px;display:flex;flex-direction:column;gap:6px}.ready-steps li{font-size:14px;line-height:1.6;color:var(--text-muted)}.ready-steps li strong{color:var(--text)}.ready-privacy-line{font-size:12px;line-height:1.5;color:var(--text-muted);text-align:center;margin:14px 0 0}.ready-privacy{display:flex;align-items:flex-start;gap:12px;background:var(--surface);border-radius:12px;padding:14px 16px;margin-bottom:20px}.ready-privacy-icon{font-size:18px;flex-shrink:0;margin-top:1px}.ready-privacy p{font-size:12px;line-height:1.6;color:var(--text-muted);margin:0}.ready-privacy p strong{color:var(--text)}.ready-warning{display:flex;align-items:flex-start;gap:12px;background:#ff6b6b14;border-radius:12px;padding:16px}.ready-warning-icon{font-size:18px;flex-shrink:0;margin-top:1px}.ready-warning strong{display:block;font-size:14px;color:#ffa8a8;margin-bottom:4px}.ready-warning p{font-size:13px;line-height:1.6;color:#ffa8a8;margin:0}.ready-btn{width:100%;padding:14px 24px;font-size:15px;border-radius:10px}.sys-test-bar-track{height:8px;background:var(--surface);border-radius:4px;overflow:hidden;margin:16px 0 0}.sys-test-bar-fill{height:100%;border-radius:4px;background:var(--text-muted);transition:width .08s ease-out,background .2s;min-width:2%}.sys-test-bar-fill.active{background:var(--success, #4ade80)}.mic-test-phrase{font-size:18px;font-weight:600;line-height:1.5;color:var(--accent);background:var(--surface);border-radius:10px;padding:16px 20px;margin-bottom:16px;text-align:center}.mic-test-bar-track{height:8px;background:var(--surface);border-radius:4px;overflow:hidden;margin:0 0 12px}.mic-test-bar-fill{height:100%;border-radius:4px;background:var(--text-muted);transition:width .08s ease-out,background .2s;min-width:2%}.mic-test-bar-fill.active{background:var(--success, #4ade80)}.mic-test-trouble-link{display:block;width:100%;background:none;border:none;color:var(--text-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0 0;text-align:center;opacity:.7;transition:opacity .2s}.mic-test-trouble-link:hover{opacity:1;color:var(--text)}.mic-trouble-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.mic-trouble-modal{background:var(--surface);border-radius:14px;padding:24px;max-width:360px;width:100%}.mic-trouble-title{font-size:17px;font-weight:600;margin:0 0 16px}.mic-trouble-bar-track{height:8px;background:var(--surface-hover);border-radius:4px;overflow:hidden;margin:0 0 16px}.mic-trouble-text{font-size:13px;line-height:1.6;color:var(--text-muted);margin:0 0 16px}.mic-trouble-btn{width:100%;padding:12px 20px;font-size:14px;margin-bottom:12px}.mic-trouble-detected{background:var(--success, #4ade80)!important;border-color:var(--success, #4ade80)!important;color:#000!important;animation:mic-detected-pop .3s ease-out}@keyframes mic-detected-pop{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.mic-trouble-skip{display:block;width:100%;background:none;border:none;color:var(--text-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0 0;text-align:center;opacity:.6;transition:opacity .2s}.mic-trouble-skip:hover{opacity:1;color:var(--text)}.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}.history{width:100%;min-height:100vh;padding:40px 24px;display:flex;justify-content:center;align-items:flex-start}.history-container{width:100%;max-width:720px}.history-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.history-title{font-size:28px;font-weight:700;letter-spacing:-.5px}.history-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.history-back-btn{padding:10px 18px;font-size:14px;text-decoration:none;flex-shrink:0}.history-status,.history-error{text-align:center;padding:32px;color:var(--text-muted)}.history-error{color:var(--danger)}.history-empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:15px;background:var(--surface);border-radius:12px}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{background:var(--surface);border-radius:12px;overflow:hidden}.history-card-header{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;background:none;border:none;color:var(--text);font-family:inherit;cursor:pointer;text-align:left;transition:background .15s}.history-card-header:hover{background:var(--surface-hover)}.history-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.history-card-date{font-size:15px;font-weight:600}.history-card-meta{font-size:13px;color:var(--text-muted)}.history-card-email{font-size:12px;color:var(--text-muted);background:#ffffff0d;padding:4px 10px;border-radius:6px;flex-shrink:0}.history-card-chevron{font-size:14px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.history-card-chevron.open{transform:rotate(180deg)}.history-card-actions{padding:0 20px 12px}.history-transcript{background:var(--bg);margin:0 12px 12px;border-radius:10px}.history-transcript-legend{display:flex;align-items:center;gap:6px;padding:12px 20px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.history-transcript-body{padding:8px 20px 20px;display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.history-transcript-body::-webkit-scrollbar{width:6px}.history-transcript-body::-webkit-scrollbar-track{background:transparent}.history-transcript-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*,*: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-hover);color:var(--text-muted)}.btn-secondary:hover{background:#242b3d;color:var(--text)}.btn-sm{padding:8px 16px;font-size:13px;border-radius:8px}.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}}