@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--accent-start: #6366f1;--accent-end: #8b5cf6;--accent: #7c3aed;--accent-light: #a78bfa;--accent-subtle: #ede9fe;--bg: #f8f9fb;--bg-card: #ffffff;--bg-hover: #f1f3f9;--border: #e5e7eb;--text: #1e1e2f;--text-secondary: #6b7280;--text-muted: #9ca3af;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .25s;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg: #0f1117;--bg-card: #1a1b2e;--bg-hover: #252740;--border: #2e3044;--text: #f0f0f5;--text-secondary: #9ca3be;--text-muted: #6b7194;--accent-subtle: #2e264d;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .35);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}img{max-width:100%;display:block}.page-wrapper{width:100%;max-width:800px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-height:100vh;justify-content:center}.page-wrapper.top-align{justify-content:flex-start;padding-top:3rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}.theme-toggle{position:fixed;top:1.25rem;right:1.25rem;z-index:100;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm);transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.theme-toggle:hover{border-color:var(--accent-light);color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2rem;width:100%;transition:box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.card:hover{box-shadow:var(--shadow-lg)}.card.compact{padding:1.25rem}.card.glass{background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .card.glass{background:#1a1b2eb3;border:1px solid rgba(255,255,255,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-lg);font-weight:600;letter-spacing:.01em;transition:background var(--duration) var(--ease),box-shadow var(--duration) var(--ease);white-space:nowrap}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-md{padding:.75rem 1.75rem;font-size:.95rem}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.btn-primary{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{box-shadow:0 6px 20px #6366f180}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459}.btn-danger:hover{box-shadow:0 6px 20px #ef444480}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:hover{background:var(--accent-subtle)}.btn-icon{display:flex;align-items:center}.welcome-card{text-align:center;max-width:560px;position:relative;overflow:hidden;padding:3rem 2.5rem}.welcome-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.welcome-card>*{position:relative;z-index:1}.welcome-icon-ring{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;margin:0 auto 1.5rem;box-shadow:0 4px 20px #6366f159}.welcome-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.6rem;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:1.05rem;font-weight:500;color:var(--text-secondary);margin-bottom:1rem}.welcome-desc{font-size:.92rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem;max-width:440px;margin-left:auto;margin-right:auto}.welcome-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.feature-chip{padding:.4rem .9rem;font-size:.82rem;font-weight:500;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent);border:1px solid transparent;transition:all var(--duration) var(--ease)}.feature-chip:hover{border-color:var(--accent-light);transform:translateY(-1px)}@media(max-width:480px){.welcome-card{padding:2rem 1.5rem}.welcome-title{font-size:1.6rem}}.radio-group{width:100%}.radio-group-label{display:block;font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:.6rem}.radio-options{display:flex;flex-wrap:wrap;gap:.5rem}.radio-option{position:relative;cursor:pointer}.radio-option input{position:absolute;opacity:0;pointer-events:none}.radio-option-text{display:inline-block;padding:.55rem 1.1rem;font-size:.88rem;font-weight:500;border-radius:var(--radius-md);border:1.5px solid var(--border);color:var(--text-secondary);background:var(--bg-card);transition:all var(--duration) var(--ease)}.radio-option:hover .radio-option-text{border-color:var(--accent-light);color:var(--accent)}.radio-option.active .radio-option-text{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;border-color:transparent;box-shadow:0 2px 10px #6366f14d}.select-container{width:100%}.select-label{display:block;font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.select-wrapper{position:relative}.select-input{width:100%;padding:.65rem 2.5rem .65rem 1rem;font-size:.9rem;font-family:var(--font);font-weight:500;color:var(--text);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.slider-container{width:100%}.slider-label{display:block;font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.slider-value-display{text-align:center;margin-bottom:.5rem}.slider-current{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--pct),var(--bg-hover) var(--pct),var(--bg-hover) 100%);outline:none;transition:background var(--duration) var(--ease)}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));box-shadow:0 2px 8px #6366f166;cursor:pointer;transition:transform .15s ease}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-input::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));box-shadow:0 2px 8px #6366f166;cursor:pointer}.slider-range-labels{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.78rem;color:var(--text-muted)}.settings-header{text-align:center;margin-bottom:2rem}.settings-icon-ring{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;margin-bottom:1rem;box-shadow:0 4px 14px #6366f14d}.settings-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.3rem}.settings-subtitle{font-size:.92rem;color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:700px}.settings-full-width{grid-column:1 / -1}.settings-action{margin-top:2rem;margin-bottom:2rem}@media(max-width:600px){.settings-grid{grid-template-columns:1fr}}.listening-card{text-align:center;max-width:480px;padding:3rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mic-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.mic-ring{position:absolute;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end))}.mic-ring-outer{width:140px;height:140px}.mic-ring-mid{width:120px;height:120px}.mic-icon-circle{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 24px #6366f173;z-index:1}.listening-title{font-size:1.3rem;font-weight:700;color:var(--text)}.sound-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:44px}.sound-bar{width:3px;border-radius:var(--radius-full);background:linear-gradient(to top,var(--accent-start),var(--accent-end));opacity:.7}.timer-display{font-size:2.2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--text)}.transcription-card{text-align:center;max-width:580px;padding:3rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.transcription-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.transcription-spinner-container{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.transcription-spinner{position:absolute;inset:0;border-radius:50%;border:3.5px solid var(--border);border-top-color:var(--accent)}.transcription-spinner-icon{color:var(--accent);z-index:1}.transcription-dots{display:flex;gap:6px}.transcription-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.6}.transcription-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.transcription-subtitle{font-size:.9rem;color:var(--text-muted);max-width:360px;line-height:1.6}.transcription-success{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.transcription-success-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;box-shadow:0 4px 14px #6366f14d}.transcription-text-container{width:100%;max-height:320px;overflow-y:auto;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;text-align:left}.transcription-text{font-size:.95rem;line-height:1.75;color:var(--text);white-space:pre-wrap;word-break:break-word}.transcription-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.transcription-error-icon{width:56px;height:56px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}[data-theme=dark] .transcription-error-icon{background:#7f1d1d;color:#fca5a5}.transcription-error-msg{font-size:.9rem;color:#dc2626;max-width:400px;line-height:1.6;word-break:break-word}[data-theme=dark] .transcription-error-msg{color:#fca5a5}.transcription-error-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}@media(max-width:480px){.transcription-card{padding:2rem 1.5rem}}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border-radius:var(--radius-full);line-height:1}.badge-sm{padding:.25rem .75rem;font-size:.75rem}.badge-md{padding:.4rem 1rem;font-size:.9rem}.badge-lg{padding:1rem 1.5rem;font-size:2rem}.badge-xl{padding:1.25rem 2rem;font-size:2.5rem}.badge-default{background:var(--accent-subtle);color:var(--accent)}.badge-success{background:#dcfce7;color:#16a34a}.badge-warning{background:#fef3c7;color:#d97706}.badge-danger{background:#fee2e2;color:#dc2626}[data-theme=dark] .badge-success{background:#14532d}[data-theme=dark] .badge-warning{background:#78350f}[data-theme=dark] .badge-danger{background:#7f1d1d}.progress-container{width:100%;margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.progress-label{font-size:.88rem;font-weight:500;color:var(--text)}.progress-value{font-size:.85rem;font-weight:700;color:var(--accent)}.progress-track{width:100%;height:10px;background:var(--bg-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full)}.analysis-loading-card{text-align:center;max-width:500px;padding:3rem 2.5rem;display:flex;flex-direction:column;align-items:center}.analysis-loading,.analysis-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.analysis-spinner-container{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.analysis-spinner{position:absolute;inset:0;border-radius:50%;border:3.5px solid var(--border);border-top-color:var(--accent)}.analysis-spinner-icon{color:var(--accent);z-index:1}.analysis-loading-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.analysis-loading-sub{font-size:.9rem;color:var(--text-muted);max-width:360px;line-height:1.6}.analysis-dots{display:flex;gap:6px}.analysis-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.6}.analysis-header{text-align:center;margin-bottom:1.5rem}.analysis-header-icon{color:var(--accent);margin-bottom:.5rem}.analysis-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.analysis-context{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.score-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.score-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.analysis-metrics-card{margin-bottom:1rem;max-width:600px}.analysis-section-header{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;margin-bottom:1.25rem;color:var(--text)}.success-header{color:#16a34a}.warning-header{color:#d97706}.analysis-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:600px;margin-bottom:1rem}@media(max-width:560px){.analysis-two-col{grid-template-columns:1fr}}.analysis-list-card{height:100%}.analysis-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem}.analysis-list li{position:relative;padding-left:1.2rem;font-size:.9rem;color:var(--text-secondary);line-height:1.55}.analysis-list li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%}.strengths-list li:before{background:#22c55e}.improvements-list li:before{background:#f59e0b}.analysis-feedback-card{margin-bottom:1rem;max-width:600px}.analysis-feedback-text{font-size:.92rem;line-height:1.75;color:var(--text-secondary)}.analysis-actions{display:flex;gap:.75rem;margin-top:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.analysis-error-icon{width:56px;height:56px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}[data-theme=dark] .analysis-error-icon{background:#7f1d1d;color:#fca5a5}.analysis-error-msg{font-size:.9rem;color:#dc2626;max-width:400px;line-height:1.6;text-align:center;word-break:break-word}[data-theme=dark] .analysis-error-msg{color:#fca5a5}.analysis-error-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}