@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--primary:#4f46e5;--primary-light:#6366f1;--primary-dark:#3730a3;--primary-glow:#4f46e540;--primary-subtle:#4f46e514;--bg:#0b1020;--bg-elevated:#0f1629;--surface:#111827;--surface-light:#1f2937;--surface-border:#ffffff0f;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text-inverse:#0b1020;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--info:#3b82f6;--gradient-primary:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-surface:linear-gradient(180deg,#111827,#0b1020);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),#4f46e50f,#0000 40%);--gradient-hero:radial-gradient(ellipse at 50% 0%,#4f46e526 0%,#0000 60%);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0000004d;--shadow-glow:0 0 20px #4f46e54d,0 0 60px #4f46e51a;--shadow-glow-sm:0 0 10px #4f46e533;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#0b1020;background-color:var(--bg);color:#e5e7eb;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}a{color:#6366f1;color:var(--primary-light);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#4f46e5;color:var(--primary)}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b1020;background:var(--bg)}::-webkit-scrollbar-thumb{background:#1f2937;background:var(--surface-light);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-tertiary)}.container{max-width:1200px;width:100%}.container,.container-sm{margin:0 auto;padding:0 1.5rem;padding:0 var(--space-6)}.container-sm{max-width:720px}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1.5;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.btn:before{background:linear-gradient(180deg,#ffffff1a,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--gradient-primary);box-shadow:0 0 10px #4f46e533;box-shadow:var(--shadow-glow-sm);color:#fff}.btn-primary:hover{box-shadow:0 0 20px #4f46e54d,0 0 60px #4f46e51a;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:#1f2937;background:var(--surface-light);border:1px solid #ffffff0f;border:1px solid var(--surface-border);color:#e5e7eb;color:var(--text-primary)}.btn-secondary:hover{background:#111827;background:var(--surface);border-color:#4f46e5;border-color:var(--primary)}.btn-ghost{background:#0000;color:#9ca3af;color:var(--text-secondary)}.btn-ghost:hover{background:#4f46e514;background:var(--primary-subtle);color:#e5e7eb;color:var(--text-primary)}.btn-lg{border-radius:1rem;border-radius:var(--radius-xl);font-size:1rem;font-size:var(--font-size-base);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-icon{border-radius:.75rem;border-radius:var(--radius-lg);height:40px;padding:0;width:40px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.card{background:#111827;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--surface-border);border-radius:1rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{border-color:#4f46e533}.card-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#11182799;border:1px solid #ffffff0f;border:1px solid var(--surface-border);border-radius:1rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6)}.input-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.input-group label{color:#9ca3af;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.input{background:#0b1020;background:var(--bg);border:1px solid #ffffff0f;border:1px solid var(--surface-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#e5e7eb;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e540;box-shadow:0 0 0 3px var(--primary-glow)}.input::placeholder{color:#6b7280;color:var(--text-tertiary)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;gap:.25rem;gap:var(--space-1);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:#4f46e514;background:var(--primary-subtle);border:1px solid #4f46e533;color:#6366f1;color:var(--primary-light)}.badge-success{background:#10b9811a;background:var(--success-bg);color:#10b981;color:var(--success)}.badge-warning{background:#f59e0b1a;background:var(--warning-bg);color:#f59e0b;color:var(--warning)}.score-ring .score-value{color:#e5e7eb;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl)}.score-ring .score-label{color:#9ca3af;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);margin-top:2.2rem;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes recording-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}@keyframes glow{0%,to{box-shadow:0 0 20px #4f46e54d}50%{box-shadow:0 0 40px #4f46e580}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-slideUp{animation:slideUp .6s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-children>*{animation:fadeIn .5s ease-out forwards;opacity:0}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.spinner{animation:spin .6s linear infinite;border:3px solid #1f2937;border-top-color:#4f46e5;border:3px solid var(--surface-light);border-radius:50%;border-top-color:var(--primary);height:24px;width:24px}.spinner-lg{border-width:4px;height:40px;width:40px}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}@media (max-width:768px){:root{--font-size-5xl:2.25rem;--font-size-4xl:1.875rem;--font-size-3xl:1.5rem}.container{padding:0 1rem;padding:0 var(--space-4)}}.toast-container{flex-direction:column;position:fixed;right:1.5rem;right:var(--space-6);top:1.5rem;top:var(--space-6);z-index:9999}.toast,.toast-container{display:flex;gap:.75rem;gap:var(--space-3)}.toast{align-items:center;animation:slideDown .3s ease-out;background:#111827;background:var(--surface);border:1px solid #ffffff0f;border:1px solid var(--surface-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0000004d;box-shadow:var(--shadow-xl);max-width:450px;min-width:300px;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.toast-success{border-left:3px solid #10b981;border-left:3px solid var(--success)}.toast-error{border-left:3px solid #ef4444;border-left:3px solid var(--error)}.toast-warning{border-left:3px solid #f59e0b;border-left:3px solid var(--warning)}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0b1020cc;border-bottom:1px solid var(--surface-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.navbar-brand{color:var(--text-primary);gap:var(--space-3);text-decoration:none}.navbar-brand,.navbar-logo{align-items:center;display:flex}.navbar-logo{transition:transform var(--transition-base)}.navbar-brand:hover .navbar-logo{transform:scale(1.05)}.navbar-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:800;letter-spacing:-.02em}.navbar-actions{align-items:center;display:flex;gap:var(--space-4)}.navbar-link{border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-2) var(--space-3);transition:color var(--transition-fast)}.navbar-link:hover{color:var(--text-primary)}.navbar-user{border-left:1px solid var(--surface-border);gap:var(--space-3);margin-left:var(--space-4);padding-left:var(--space-4)}.navbar-avatar,.navbar-user{align-items:center;display:flex}.navbar-avatar{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:700;height:32px;justify-content:center;width:32px}@media (max-width:768px){.navbar-actions{gap:var(--space-2)}.navbar-link{display:none}.navbar-user{margin-left:var(--space-2);padding-left:var(--space-2)}}.hero{align-items:center;display:flex;justify-content:center;min-height:90vh;overflow:hidden;padding:var(--space-20) 0 var(--space-16);position:relative;text-align:center}.hero-glow{background:radial-gradient(ellipse,#4f46e526 0,#0000 70%);height:600px;left:50%;pointer-events:none;position:absolute;top:-200px;transform:translateX(-50%);width:800px;z-index:0}.hero-content{position:relative;z-index:1}.hero-badge,.hero-title{margin-bottom:var(--space-6)}.hero-title{font-size:var(--font-size-5xl);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-left:auto;margin-right:auto;max-width:800px}.hero-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.7;margin:0 auto var(--space-10);max-width:600px}.hero-actions{flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-12)}.hero-actions,.hero-stats{display:flex;justify-content:center}.hero-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182780;border:1px solid var(--surface-border);border-radius:var(--radius-2xl);gap:var(--space-8);margin:0 auto;max-width:500px;padding:var(--space-6) var(--space-8)}.hero-stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.hero-stat-number{color:var(--primary-light);font-size:var(--font-size-2xl);font-weight:800}.hero-stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.hero-stat-divider{background:var(--surface-border);height:40px;width:1px}.hero-float{position:absolute;z-index:2}.hero-float-1{left:1%;top:20%}.hero-float-2{right:1%;top:30%}.float-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.float-icon{font-size:1.2rem}.section-header{margin-bottom:var(--space-16);text-align:center}.section-title{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:var(--space-4) 0}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.7;margin:0 auto;max-width:560px}.how-it-works{padding:var(--space-20) 0;position:relative}.steps-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.step-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;text-align:center;transition:all var(--transition-base)}.step-card:hover{border-color:#4f46e54d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-card-featured{background:linear-gradient(180deg,#4f46e514 0,var(--surface) 100%);border-color:#4f46e533}.step-number{color:var(--primary-light);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.step-icon,.step-number{margin-bottom:var(--space-4)}.step-icon{font-size:2.5rem}.step-card h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-3)}.step-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.7}.features{background:var(--bg-elevated);padding:var(--space-20) 0}.features-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.feature-card:hover{border-color:#4f46e533;transform:translateY(-2px)}.feature-icon-wrap{align-items:center;background:var(--primary-subtle);border-radius:var(--radius-lg);color:var(--primary-light);display:flex;height:48px;justify-content:center;margin-bottom:var(--space-4);width:48px}.feature-card h3{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-2)}.feature-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.cta{padding:var(--space-20) 0}.cta-card{overflow:hidden;padding:var(--space-16) var(--space-8);position:relative;text-align:center}.cta-glow{background:radial-gradient(ellipse,#4f46e51f 0,#0000 70%);height:300px;left:50%;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:500px}.cta-card h2{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-4);position:relative}.cta-card p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-8);position:relative}.footer{border-top:1px solid var(--surface-border);padding:var(--space-8) 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-brand p{margin-top:var(--space-1)}.footer-brand p,.footer-copy{color:var(--text-tertiary);font-size:var(--font-size-sm)}@media (max-width:768px){.hero{min-height:auto;padding:var(--space-16) 0 var(--space-12)}.hero-title{font-size:var(--font-size-3xl)}.hero-float{display:none}.hero-stats{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.hero-stat-divider{height:1px;width:40px}.features-grid,.steps-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--space-4);text-align:center}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-8);position:relative}.auth-glow{background:radial-gradient(ellipse,#4f46e51f 0,#0000 70%);height:400px;left:50%;pointer-events:none;position:absolute;top:-200px;transform:translateX(-50%);width:600px}.auth-container{max-width:420px;position:relative;width:100%}.auth-header{margin-bottom:var(--space-8);text-align:center}.auth-logo{display:inline-flex;margin-bottom:var(--space-6);transition:transform var(--transition-base)}.auth-logo:hover{transform:scale(1.05)}.auth-header h1{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-2)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8)}.auth-error{background:var(--error-bg);border:1px solid #ef444433;border-radius:var(--radius-lg);color:var(--error);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);text-align:center}.auth-submit{margin-top:var(--space-2);width:100%}.auth-switch{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-6);text-align:center}.auth-switch a{color:var(--primary-light);font-weight:600}.score-ring{align-items:center;display:inline-flex;justify-content:center;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring .score-value{font-weight:800;letter-spacing:-.02em;position:absolute}.score-ring-progress{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.dashboard-page{padding:var(--space-8) 0 var(--space-16)}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.dashboard-header h1{font-size:var(--font-size-3xl);font-weight:800}.dashboard-subtitle{color:var(--text-secondary);margin-top:var(--space-2)}.stats-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-8)}.stat-card{align-items:center;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:#4f46e533;transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-4);width:100%}.stat-icon{font-size:1.2rem}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.stat-value-wrap{align-items:center;display:flex;flex:1 1;justify-content:center}.stat-big-number{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:800;line-height:1;margin-bottom:var(--space-2)}.stat-detail{color:var(--text-tertiary);font-size:var(--font-size-xs)}.progression-card{background:linear-gradient(135deg,#4f46e50d 0,var(--surface) 100%);margin-bottom:var(--space-8)}.progression-header{margin-bottom:var(--space-6)}.progression-header h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-2)}.progression-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.progression-bars{display:flex;flex-direction:column;gap:var(--space-5)}.progression-item-header{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--space-2)}.progress-bar{background:var(--bg);height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--gradient-primary);height:100%;min-width:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill-warning{background:linear-gradient(90deg,var(--warning) 0,#f97316 100%)}.recent-section{margin-top:var(--space-8)}.recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.recent-header h2{font-size:var(--font-size-xl);font-weight:700}.sessions-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.session-info h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.session-meta{align-items:center;display:flex;gap:var(--space-3)}.session-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.loading-state{justify-content:center}.empty-state,.loading-state{align-items:center;display:flex;padding:var(--space-12)}.empty-state{flex-direction:column;gap:var(--space-3);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--space-2)}.empty-state h3{font-size:var(--font-size-lg);font-weight:700}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}.exercise-page{min-height:calc(100vh - 64px);padding:var(--space-8) 0 var(--space-16)}.exercise-content{text-align:center}.exercise-header{margin-bottom:var(--space-8)}.exercise-header h1{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-3);margin-top:var(--space-4)}.exercise-meta{align-items:center;display:flex;gap:var(--space-3);justify-content:center}.exercise-words{color:var(--text-tertiary);font-size:var(--font-size-sm)}.exercise-text-card{background:var(--bg-elevated);border-left:3px solid var(--primary);margin-bottom:var(--space-8);text-align:left}.exercise-text{color:var(--text-primary);font-size:var(--font-size-lg);letter-spacing:.01em;line-height:1.9}.exercise-instructions{background:var(--primary-subtle);border:1px solid #4f46e526;border-radius:var(--radius-xl);margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);text-align:left}.exercise-instructions h3{color:var(--primary-light);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.05em;margin-bottom:var(--space-3);text-transform:uppercase}.exercise-instructions ol{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5)}.exercise-instructions li{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.exercise-start-btn{animation:glow 2s ease-in-out infinite;max-width:320px;width:100%}.recording-view{padding:var(--space-12) 0;text-align:center}.recording-indicator{align-items:center;background:var(--error-bg);border:1px solid #ef444433;border-radius:var(--radius-full);display:inline-flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4)}.recording-dot{animation:recording-pulse 1.5s ease-in-out infinite;background:var(--error);border-radius:50%;height:10px;width:10px}.recording-indicator span{color:var(--error);font-size:var(--font-size-sm);font-weight:600}.recording-timer{font-feature-settings:"tnum";color:var(--text-primary);font-size:4rem;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.02em;margin-bottom:var(--space-2)}.recording-limit{color:var(--text-tertiary);font-size:var(--font-size-sm)}.recording-limit,.waveform{margin-bottom:var(--space-8)}.waveform{align-items:center;display:flex;gap:3px;height:60px;justify-content:center}.waveform-bar{animation:waveform-animate .8s ease-in-out infinite alternate;background:var(--primary);border-radius:var(--radius-full);opacity:.6;width:3px}@keyframes waveform-animate{0%{height:8px;opacity:.3}to{opacity:.8}}.live-transcript{margin-bottom:var(--space-8);max-height:150px;overflow-y:auto;text-align:left}.transcript-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.transcript-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.recording-stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef44444d;max-width:320px;width:100%}.recording-stop-btn:hover{box-shadow:0 0 30px #ef444466}.review-view{padding:var(--space-8) 0}.review-view h2{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-2)}.review-subtitle{color:var(--text-secondary);margin-bottom:var(--space-6)}.review-player{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.player-duration{font-feature-settings:"tnum";color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.review-transcript{margin-bottom:var(--space-6)}.review-transcript h3{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--space-3)}.review-transcript p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.7}.review-actions{display:flex;gap:var(--space-4);justify-content:center}.feedback-view{padding:var(--space-4) 0}.unlock-banner{background:linear-gradient(135deg,#10b9811a,#4f46e51a);border:1px solid #10b9814d;border-radius:var(--radius-2xl);margin-bottom:var(--space-8);padding:var(--space-6);text-align:center}.unlock-icon{display:block;font-size:2.5rem;margin-bottom:var(--space-3)}.unlock-banner h3{color:var(--success);font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-2)}.unlock-banner p{color:var(--text-secondary);font-size:var(--font-size-sm)}.feedback-header{margin-bottom:var(--space-8);text-align:center}.feedback-header h2{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--space-3)}.feedback-summary{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0 auto;max-width:500px}.feedback-score-section{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.feedback-score-label{color:var(--text-tertiary);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.feedback-metrics{flex-direction:column;margin-bottom:var(--space-8)}.feedback-metrics,.metric-card{display:flex;gap:var(--space-4)}.metric-card{align-items:center;padding:var(--space-4) var(--space-5)}.metric-header{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);min-width:100px}.metric-icon{font-size:1.1rem}.metric-bar{background:var(--bg);flex:1 1;height:8px;overflow:hidden}.metric-bar,.metric-fill{border-radius:var(--radius-full)}.metric-fill{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.metric-value{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:700;min-width:60px;text-align:right}.metric-detail{align-items:center;display:flex;gap:var(--space-3)}.filler-count{font-size:var(--font-size-2xl);font-weight:800}.filler-list{color:var(--text-tertiary);font-size:var(--font-size-sm)}.feedback-tips{background:linear-gradient(135deg,#4f46e50d 0,var(--surface) 100%);margin-bottom:var(--space-8)}.feedback-tips h3{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-4)}.feedback-tips ul{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;padding:0}.feedback-tips li{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;padding-left:var(--space-5);position:relative}.feedback-tips li:before{color:var(--primary-light);content:"→";font-weight:700;left:0;position:absolute}.feedback-actions{display:flex;gap:var(--space-4);justify-content:center}@media (max-width:768px){.feedback-actions,.review-actions{flex-direction:column}.feedback-actions .btn,.review-actions .btn{width:100%}.recording-timer{font-size:3rem}}.progress-page{padding:var(--space-8) 0 var(--space-16)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.progress-header h1{font-size:var(--font-size-3xl);font-weight:800}.progress-subtitle{color:var(--text-secondary);margin-top:var(--space-2)}.time-range-selector{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-1)}.progress-summary{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-8)}.summary-card{align-items:center;display:flex;gap:var(--space-4);padding:var(--space-5)}.summary-big{font-size:var(--font-size-3xl);font-weight:800;line-height:1}.summary-info{display:flex;flex-direction:column;gap:var(--space-1)}.summary-label{font-size:var(--font-size-sm);font-weight:600}.summary-period{color:var(--text-tertiary);font-size:var(--font-size-xs)}.chart-container{margin-bottom:var(--space-8)}.chart-container h3{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-6)}.chart{display:flex;gap:var(--space-2);height:250px}.chart-y-axis{color:var(--text-tertiary);display:flex;flex-direction:column;font-size:var(--font-size-xs);justify-content:space-between;padding:0 var(--space-2);text-align:right;width:40px}.chart-area{flex:1 1;position:relative}.chart-grid-lines{inset:0;position:absolute}.chart-grid-line{background:var(--surface-border);height:1px;left:0;position:absolute;right:0}.chart-bars{align-items:flex-end;display:flex;gap:var(--space-1);inset:0;padding-bottom:24px;position:absolute}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column}.chart-bar{animation:barGrow .5s ease-out forwards;background:var(--gradient-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;max-width:32px;min-height:4px;position:relative;transform-origin:bottom;transition:all var(--transition-fast);width:100%}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-bar:hover{opacity:.85}.chart-bar-tooltip{color:var(--primary-light);font-size:var(--font-size-xs);font-weight:700;left:50%;opacity:0;position:absolute;top:-24px;transform:translateX(-50%);transition:opacity var(--transition-fast)}.chart-bar:hover .chart-bar-tooltip{opacity:1}.chart-bar-label{color:var(--text-tertiary);font-size:.6rem;margin-top:var(--space-2);white-space:nowrap}.history-section{margin-top:var(--space-8)}.history-section h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-5)}.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.history-item{justify-content:space-between;padding:var(--space-4) var(--space-5)}.history-item,.history-left{align-items:center;display:flex}.history-left{gap:var(--space-4)}.history-info h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-1)}.history-meta{align-items:center;display:flex;gap:var(--space-3)}.history-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.history-scores{display:flex;gap:var(--space-6)}.history-score-item{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.history-score-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}.history-score-val{font-size:var(--font-size-sm);font-weight:700}@media (max-width:768px){.progress-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.progress-summary{grid-template-columns:repeat(2,1fr)}.history-item{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.history-scores{justify-content:space-around;width:100%}}
/*# sourceMappingURL=main.6881885d.css.map*/