:root{--ink:#1b2a33;--ink-rgb:27, 42, 51;--canvas:#f1f5f3;--canvas-rgb:241, 245, 243;--voice:#2b6f63;--voice-rgb:43, 111, 99;--ember:#d98c3d;--ember-rgb:217, 140, 61;--sage:#4c8b5d;--sage-rgb:76, 139, 93;--brick:#c1584a;--brick-rgb:193, 88, 74;--surface:#fff;--surface-sunken:rgba(var(--ink-rgb), .035);--border:rgba(var(--ink-rgb), .1);--border-strong:rgba(var(--ink-rgb), .2);--text:var(--ink);--text-muted:rgba(var(--ink-rgb), .62);--text-faint:rgba(var(--ink-rgb), .4);--voice-tint:rgba(var(--voice-rgb), .1);--ember-tint:rgba(var(--ember-rgb), .14);--sage-tint:rgba(var(--sage-rgb), .12);--brick-tint:rgba(var(--brick-rgb), .1);--on-voice:#f1f5f3;--on-ember:#1b2a33;--on-sage:#f1f5f3;--on-brick:#f1f5f3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(var(--ink-rgb), .06), 0 1px 2px rgba(var(--ink-rgb), .04);--shadow-md:0 4px 14px rgba(var(--ink-rgb), .08), 0 2px 4px rgba(var(--ink-rgb), .04);--shadow-lg:0 16px 32px rgba(var(--ink-rgb), .14), 0 4px 10px rgba(var(--ink-rgb), .06);--font-display:"Fraunces", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--text-display:2.5rem;--text-xl:1.75rem;--text-lg:1.25rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--ease-standard:cubic-bezier(.25, .1, .25, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--bottom-nav-height:72px;--top-bar-height:64px;--max-content-width:480px;--color-bg:var(--canvas);--color-bg-alt:var(--surface-sunken);--color-surface:var(--surface);--color-surface-raised:var(--surface);--color-text:var(--text);--color-text-muted:var(--text-muted);--color-text-faint:var(--text-faint);--color-primary:var(--voice);--color-primary-dark:var(--voice);--color-primary-tint:var(--voice-tint);--color-secondary:var(--text-muted);--color-secondary-dark:var(--text);--color-secondary-tint:var(--surface-sunken);--color-accent:var(--ember);--color-accent-tint:var(--ember-tint);--color-success:var(--sage);--color-success-tint:var(--sage-tint);--color-needs-work:var(--ember);--color-needs-work-tint:var(--ember-tint);--color-error:var(--brick);--color-error-tint:var(--brick-tint);--color-border:var(--border);--color-border-strong:var(--border-strong)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#101b22;--canvas-rgb:16, 27, 34;--surface:#17242b;--ink:#f3f6f5;--ink-rgb:243, 246, 245;--voice:#45a98a;--voice-rgb:69, 169, 138;--ember:#e3a34c;--ember-rgb:227, 163, 76;--sage:#5fb37b;--sage-rgb:95, 179, 123;--brick:#d97567;--brick-rgb:217, 117, 103;--surface-sunken:rgba(var(--ink-rgb), .05);--border:rgba(var(--ink-rgb), .12);--border-strong:rgba(var(--ink-rgb), .24);--on-voice:#0b1512;--on-ember:#0b1512;--on-sage:#0b1512;--on-brick:#0b1512}}:root[data-theme=dark]{--canvas:#101b22;--canvas-rgb:16, 27, 34;--surface:#17242b;--ink:#f3f6f5;--ink-rgb:243, 246, 245;--voice:#45a98a;--voice-rgb:69, 169, 138;--ember:#e3a34c;--ember-rgb:227, 163, 76;--sage:#5fb37b;--sage-rgb:95, 179, 123;--brick:#d97567;--brick-rgb:217, 117, 103;--surface-sunken:rgba(var(--ink-rgb), .05);--border:rgba(var(--ink-rgb), .12);--border-strong:rgba(var(--ink-rgb), .24);--on-voice:#0b1512;--on-ember:#0b1512;--on-sage:#0b1512;--on-brick:#0b1512}:root[data-theme=light]{--canvas:#f1f5f3;--canvas-rgb:241, 245, 243;--surface:#fff;--ink:#1b2a33;--ink-rgb:27, 42, 51;--voice:#2b6f63;--voice-rgb:43, 111, 99;--ember:#d98c3d;--ember-rgb:217, 140, 61;--sage:#4c8b5d;--sage-rgb:76, 139, 93;--brick:#c1584a;--brick-rgb:193, 88, 74;--surface-sunken:rgba(var(--ink-rgb), .035);--border:rgba(var(--ink-rgb), .1);--border-strong:rgba(var(--ink-rgb), .2);--on-voice:#f1f5f3;--on-ember:#1b2a33;--on-sage:#f1f5f3;--on-brick:#f1f5f3}:root[data-text-size=large]{font-size:115%}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--voice);outline-offset:2px;border-radius:var(--radius-sm)}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}a{color:var(--color-primary-dark)}.display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.numeral{font-family:var(--font-mono);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:600}.app-shell{max-width:var(--max-content-width);background:var(--color-bg);min-height:100vh;margin:0 auto;position:relative}.screen{padding:var(--space-5) var(--space-4) calc(var(--bottom-nav-height) + var(--space-6));animation:screen-enter var(--duration-slow) var(--ease-standard)}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.screen{animation:none}body{transition:none}}:root[data-motion=reduce] .screen{animation:none}:root[data-motion=reduce] body{transition:none}.bottom-nav{width:100%;max-width:var(--max-content-width);height:var(--bottom-nav-height);background:var(--color-surface-raised);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px rgba(var(--ink-rgb), .06);z-index:20;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--color-text-faint);font-size:var(--text-xs);transition:color var(--duration-fast) var(--ease-standard);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item svg{transition:transform var(--duration-fast) var(--ease-standard)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active svg{transform:translateY(-2px)}.bottom-nav-item:active svg{transform:scale(.9)}.top-bar{width:100%;max-width:var(--max-content-width);height:var(--top-bar-height);padding:0 var(--space-4);pointer-events:none;z-index:20;justify-content:flex-end;align-items:center;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.top-bar-settings{pointer-events:auto;width:40px;height:40px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:50%;justify-content:center;align-items:center;display:flex}.top-bar-settings:hover{color:var(--voice)}.top-bar-settings:active{transform:scale(.92)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer;text-align:left;width:100%;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);display:block}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card-interactive:active{transform:scale(.98)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);white-space:nowrap;border:none;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-md{min-height:52px;padding:0 var(--space-5);font-size:var(--text-base)}.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-lg{min-height:60px;padding:0 var(--space-6);font-size:var(--text-lg)}.btn-full{width:100%}.btn-primary{background:var(--voice);color:var(--on-voice)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--voice) 88%, black)}.btn-secondary{background:var(--surface-sunken);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.btn-danger{background:var(--brick-tint);color:var(--brick)}.btn-danger:hover:not(:disabled){background:var(--brick);color:var(--on-brick)}.btn-spinner{opacity:.8;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite btn-spin}.btn-label-loading{opacity:.85}@keyframes btn-spin{to{transform:rotate(360deg)}}.home-screen{gap:var(--space-5);padding-top:calc(var(--top-bar-height) + var(--space-2));flex-direction:column;display:flex}.home-topline{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.home-eyebrow{color:var(--text-muted);font-size:var(--text-sm);font-weight:600}.home-name{font-size:var(--text-lg);margin-top:2px;font-weight:600}.home-streak{flex-direction:column;align-items:center;gap:2px;display:flex}.streak-ring{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.streak-ring svg{transform:rotate(-90deg)}.streak-ring-track{fill:none;stroke:var(--border);stroke-width:3px}.streak-ring-fill{fill:none;stroke:var(--ember);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-standard)}.streak-ring-count{font-size:var(--text-xs);color:var(--ember);position:absolute}.home-streak-label{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.today-card{padding:var(--space-6) var(--space-5);border-color:var(--border)}.today-headline{font-size:var(--text-display);line-height:1.1}.today-copy{margin-top:var(--space-2);margin-bottom:var(--space-5);color:var(--text-muted)}.today-secondary-link{text-align:center;margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;text-decoration:none;display:block}.today-secondary-link:hover{color:var(--voice)}.progress-summary{color:inherit;text-decoration:none}.progress-summary-row{gap:var(--space-6);display:flex}.progress-stat{flex-direction:column;display:flex}.progress-stat-value{font-size:var(--text-xl);color:var(--text);font-weight:700}.progress-mistake{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}.onboarding-screen{min-height:calc(100vh - var(--bottom-nav-height));padding-top:var(--space-6);flex-direction:column;display:flex}.onboarding-back{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-pill);width:44px;height:44px;font-size:var(--text-lg);color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-4);align-self:flex-start}.onboarding-dots{gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.onboarding-dot{background:var(--color-border-strong);width:8px;height:8px;transition:background var(--duration-base) var(--ease-standard), width var(--duration-base) var(--ease-standard);border-radius:50%}.onboarding-dot.done{background:var(--voice);opacity:.4}.onboarding-dot.active{background:var(--color-primary);border-radius:var(--radius-pill);width:20px}.onboarding-content{gap:var(--space-4);padding-top:var(--space-4);flex-direction:column;flex:1;display:flex}.onboarding-eyebrow{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.onboarding-title{font-size:var(--text-xl);line-height:1.25}.onboarding-subtitle{color:var(--color-text-muted);font-size:var(--text-base)}.onboarding-input{min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--text-lg);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-standard);outline:none}.onboarding-input:focus{border-color:var(--color-primary)}.onboarding-options{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.onboarding-option{min-height:60px;padding:0 var(--space-4);text-align:left;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);font-weight:600}.onboarding-option:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.onboarding-option:active{transform:scale(.98)}.onboarding-walk-icon{border-radius:var(--radius-lg);background:var(--color-primary-tint);width:64px;height:64px;color:var(--color-primary);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.onboarding-content .btn{margin-top:auto}.waveform{background:var(--surface);box-shadow:0 0 0 1px var(--border), var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}button.waveform{cursor:pointer}button.waveform:active{transform:scale(.96)}.waveform-bars{justify-content:center;align-items:center;gap:calc(var(--waveform-size) * .02);opacity:1;height:100%;transition:opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);display:flex;transform:scale(1)}.waveform-bar{width:calc(var(--waveform-size) * .045);min-width:2.5px;height:calc(var(--waveform-size) * .42 * var(--bar-h));border-radius:var(--radius-pill);background:var(--voice);min-height:6%;transition:height 90ms linear}.waveform-idle{box-shadow:0 0 0 1px var(--border), var(--shadow-sm)}.waveform-idle .waveform-bar{background:var(--text-faint);animation:2.6s ease-in-out infinite waveform-breathe;animation-delay:calc(var(--bar-i) * 80ms)}@keyframes waveform-breathe{0%,to{transform:scaleY(.8)}50%{transform:scaleY(1.15)}}.waveform-listening{box-shadow:0 0 0 1px var(--voice), 0 0 0 6px var(--voice-tint)}.waveform-listening .waveform-bar{background:var(--voice);animation:.85s ease-in-out infinite waveform-listen;animation-delay:calc(var(--bar-i) * 70ms)}@keyframes waveform-listen{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.25)}}.waveform-thinking .waveform-bar{background:var(--voice);animation:1.1s ease-in-out infinite waveform-think;animation-delay:calc(var(--bar-i) * 90ms)}@keyframes waveform-think{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.waveform-check{fill:none;width:44%;height:44%;stroke:var(--sage);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30px;opacity:0;transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard);position:absolute;transform:scale(.6)}.waveform-correct{box-shadow:0 0 0 1px var(--sage), 0 0 0 6px var(--sage-tint)}.waveform-correct .waveform-bars{opacity:0;transform:scale(.7)}.waveform-correct .waveform-check{opacity:1;animation:waveform-draw .48s var(--ease-standard) forwards;transform:scale(1)}@keyframes waveform-draw{to{stroke-dashoffset:0}}.waveform-wobble{fill:none;width:56%;height:56%;stroke:var(--ember);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard);position:absolute;transform:scale(.7)}.waveform-needs-work{box-shadow:0 0 0 1px var(--ember), 0 0 0 6px var(--ember-tint)}.waveform-needs-work .waveform-bars{opacity:0;transform:scale(.7)}.waveform-needs-work .waveform-wobble{opacity:1;animation:2.2s ease-in-out infinite waveform-wobble-move;transform:scale(1)}@keyframes waveform-wobble-move{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1)translateY(-2px)}}@media (prefers-reduced-motion:reduce){.waveform-bar,.waveform-check,.waveform-wobble{transition:opacity var(--duration-base) var(--ease-standard);animation:none!important}}:root[data-motion=reduce] .waveform-bar,:root[data-motion=reduce] .waveform-check,:root[data-motion=reduce] .waveform-wobble{transition:opacity var(--duration-base) var(--ease-standard);animation:none!important}.speaker-button{border:1.5px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-primary-dark);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.speaker-button:active:not(:disabled){transform:scale(.92)}.speaker-button:disabled{opacity:.4;cursor:not-allowed}.speaker-button.playing{background:var(--color-primary-tint);color:var(--color-primary)}.lesson-screen{gap:var(--space-4);padding-top:calc(var(--top-bar-height) + var(--space-2));flex-direction:column;display:flex}.lesson-centered{min-height:calc(100vh - var(--bottom-nav-height));text-align:center;justify-content:center;align-items:center;gap:var(--space-4)}.lesson-eyebrow{color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.lesson-loading-label{color:var(--text-muted);font-weight:600}.lesson-status-card h1{font-size:var(--text-xl);margin-bottom:var(--space-3)}.lesson-status-card p{color:var(--text-muted);margin-bottom:var(--space-5)}.lesson-topic-title{font-size:var(--text-xl);margin-top:var(--space-1)}.lesson-vocab-intro-copy{color:var(--text-muted)}.lesson-vocab-list{gap:var(--space-3);flex-direction:column;display:flex}.lesson-vocab-item strong{font-size:var(--text-base);color:var(--voice)}.lesson-vocab-item p{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.lesson-progress-dots{justify-content:center;gap:var(--space-2);padding-top:var(--space-2);display:flex}.lesson-progress-dot{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.lesson-progress-dot.done{background:var(--voice)}.lesson-progress-dot.current{background:var(--voice);border-radius:var(--radius-pill);width:16px}.lesson-prompt{justify-content:center;align-items:flex-start;gap:var(--space-3);text-align:center;padding:var(--space-4) var(--space-2) 0;display:flex}.lesson-sentence-text{font-size:var(--text-xl);line-height:1.35}.lesson-waveform-area{align-items:center;gap:var(--space-3);padding:var(--space-5) 0;flex-direction:column;display:flex}.lesson-hint{color:var(--text-muted);font-size:var(--text-sm);font-weight:600}.lesson-live-transcript{color:var(--text);text-align:center;padding:0 var(--space-4);font-style:italic}.lesson-feedback-card{gap:var(--space-3);flex-direction:column;display:flex}.lesson-verdict{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);display:flex}.lesson-verdict.good{color:var(--sage)}.lesson-verdict.warn{color:var(--ember)}.lesson-issue-tag{color:var(--text);text-transform:capitalize}.lesson-explanation{color:var(--text-muted);background:var(--ember-tint);padding:var(--space-3);border-radius:var(--radius-sm)}.lesson-corrected-row{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--sage-tint);padding:var(--space-3);border-radius:var(--radius-sm);display:flex}.lesson-corrected-text{color:var(--text);font-weight:600}.lesson-encouragement{color:var(--voice);font-weight:600}.lesson-result-actions{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.lesson-complete-header{text-align:center;padding:var(--space-4) 0}.lesson-complete-header h1{font-size:var(--text-xl)}.lesson-complete-topic{color:var(--text-muted);margin-top:var(--space-1)}.lesson-complete-score{margin-top:var(--space-3);font-size:var(--text-lg);color:var(--voice)}.lesson-complete-list{gap:var(--space-2);flex-direction:column;display:flex}.lesson-complete-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.lesson-complete-badge{width:24px;height:24px;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-complete-badge.good{background:var(--sage-tint);color:var(--sage)}.lesson-complete-badge.warn{background:var(--ember-tint);color:var(--ember)}.lesson-complete-actions{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.conversation-screen{gap:var(--space-4);padding-top:calc(var(--top-bar-height) + var(--space-2));flex-direction:column;display:flex}.conv-eyebrow{color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.conv-title{font-size:var(--text-xl);margin-top:var(--space-1);margin-bottom:var(--space-2)}.conv-status-card h1{font-size:var(--text-xl);margin-bottom:var(--space-3)}.conv-status-card p{color:var(--text-muted);margin-bottom:var(--space-5)}.conv-topic-chips{gap:var(--space-2);flex-direction:column;display:flex}.conv-topic-chip{min-height:52px;padding:0 var(--space-4);text-align:left;border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-base);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);font-weight:600}.conv-topic-chip:hover{border-color:var(--voice);background:var(--voice-tint)}.conv-topic-chip:active{transform:scale(.98)}.conv-custom-topic{gap:var(--space-2);margin-top:var(--space-2);display:flex}.conv-custom-input{min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);font-size:var(--text-base);color:var(--text);outline:none;flex:1}.conv-custom-input:focus{border-color:var(--voice)}.conv-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.conv-topic-title{font-size:var(--text-lg);margin-top:var(--space-1)}.conv-corrections-toggle{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;flex-shrink:0;font-weight:600;display:flex}.conv-badge{background:var(--voice);min-width:18px;height:18px;color:var(--on-voice);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-weight:700;display:inline-flex}.conv-corrections-panel{gap:var(--space-3);background:var(--ember-tint);border-color:var(--ember);flex-direction:column;display:flex}.conv-no-corrections{color:var(--text-muted);font-size:var(--text-sm)}.conv-correction-item{padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.conv-correction-item:last-child{border-bottom:none;padding-bottom:0}.conv-correction-original{color:var(--text-muted);font-style:italic;font-size:var(--text-sm)}.conv-correction-fixed{margin-top:2px;font-weight:600}.conv-issue-tag{text-transform:capitalize;color:var(--ember)}.conv-correction-note{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.conv-messages{gap:var(--space-3);flex-direction:column;display:flex}.conv-bubble{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);align-items:flex-end;gap:var(--space-2);animation:conv-bubble-in var(--duration-base) var(--ease-standard);display:flex}@keyframes conv-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.conv-bubble p{line-height:1.4}.conv-bubble.assistant{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.conv-bubble.user{background:var(--voice);color:var(--on-voice);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.conv-bubble-loading{padding:var(--space-4);align-items:center;gap:4px}.conv-typing-dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite conv-typing}.conv-typing-dot:nth-child(2){animation-delay:.15s}.conv-typing-dot:nth-child(3){animation-delay:.3s}@keyframes conv-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.conv-bubble{animation:none}.conv-typing-dot{opacity:.6;animation:none}}:root[data-motion=reduce] .conv-bubble{animation:none}:root[data-motion=reduce] .conv-typing-dot{opacity:.6;animation:none}.conv-mic-area{align-items:center;gap:var(--space-3);padding:var(--space-5) 0;flex-direction:column;display:flex}.conv-hint{color:var(--text-muted);font-size:var(--text-sm);text-align:center;font-weight:600}.conv-live-transcript{color:var(--text);text-align:center;padding:0 var(--space-4);font-style:italic}.conv-inline-error{gap:var(--space-3);flex-direction:column;display:flex}.conv-complete-header{text-align:center;padding:var(--space-4) 0}.conv-complete-header h1{font-size:var(--text-xl)}.conv-complete-topic{color:var(--text-muted);margin-top:var(--space-1)}.conv-complete-score{margin-top:var(--space-3);color:var(--voice);font-weight:700}.conv-complete-corrections{gap:var(--space-3);flex-direction:column;display:flex}.conv-complete-actions{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.progress-screen{gap:var(--space-5);padding-top:calc(var(--top-bar-height) + var(--space-2));flex-direction:column;display:flex}.progress-eyebrow{color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.progress-title{font-size:var(--text-xl);margin-top:var(--space-1)}.progress-empty-copy{color:var(--text-muted)}.progress-empty-actions{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.progress-stats-row{gap:var(--space-3);display:flex}.progress-stat-card{padding:var(--space-4);flex-direction:column;flex:1;align-items:center;display:flex}.progress-stat-value{font-size:var(--text-xl);color:var(--voice)}.progress-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.progress-section-title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.progress-patterns{gap:var(--space-3);flex-direction:column;display:flex}.progress-pattern-card{background:var(--ember-tint);border-color:var(--ember)}.progress-pattern-head{justify-content:space-between;align-items:center;display:flex}.progress-pattern-label{text-transform:capitalize}.progress-pattern-count{font-size:var(--text-sm);color:var(--text-muted)}.progress-pattern-example{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.progress-pattern-example strong{color:var(--text)}.progress-history{gap:var(--space-2);flex-direction:column;display:flex}.progress-history-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.progress-history-icon{background:var(--voice-tint);width:36px;height:36px;color:var(--voice);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.progress-history-icon.conversation{background:var(--surface-sunken);color:var(--text-muted)}.progress-history-body{flex:1;min-width:0}.progress-history-topic{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.progress-history-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.progress-history-accuracy{color:var(--voice);flex-shrink:0;font-weight:700}.modal-backdrop{background:rgba(var(--ink-rgb), .45);z-index:50;animation:modal-backdrop-in var(--duration-base) var(--ease-standard);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:var(--max-content-width);background:var(--color-surface-raised);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5);box-shadow:var(--shadow-lg);animation:modal-card-in var(--duration-base) var(--ease-standard);max-height:80vh;overflow-y:auto}@media (width>=540px){.modal-backdrop{align-items:center}.modal-card{border-radius:var(--radius-lg)}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.modal-header h2{font-size:var(--text-xl)}.modal-close{background:var(--color-bg-alt);color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:32px;height:32px}.modal-body{color:var(--color-text-muted);line-height:1.5}.settings-screen{gap:var(--space-6);padding-top:calc(var(--top-bar-height) + var(--space-2));flex-direction:column;display:flex}.settings-title{font-size:var(--text-xl)}.settings-group-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--space-3);font-weight:700}.settings-group-title+.card,section .card+.card{margin-top:var(--space-3)}.settings-section-title{font-size:var(--text-lg)}.settings-section-copy{margin-top:var(--space-1);margin-bottom:var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.settings-level-options{gap:var(--space-2);display:flex}.settings-level-option{min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);flex:1;font-weight:600}.settings-level-option.active{border-color:var(--voice);background:var(--voice-tint);color:var(--voice)}.settings-confirm{gap:var(--space-3);background:var(--brick-tint);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-2);flex-direction:column;display:flex}.settings-confirm-copy{color:var(--text);font-weight:600;font-size:var(--text-sm)}.settings-confirm-actions{gap:var(--space-2);display:flex}.settings-toggle-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.settings-toggle-row .settings-section-copy{margin-bottom:0}.settings-switch{flex-shrink:0;width:46px;height:28px;display:inline-block;position:relative}.settings-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.settings-switch-track{background:var(--border-strong);border-radius:var(--radius-pill);transition:background var(--duration-fast) var(--ease-standard);position:absolute;inset:0}.settings-switch-track:before{content:"";background:var(--surface);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-standard);border-radius:50%;position:absolute;top:3px;left:3px}.settings-switch input:checked+.settings-switch-track{background:var(--voice)}.settings-switch input:checked+.settings-switch-track:before{transform:translate(18px)}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid var(--voice);outline-offset:2px}.settings-time-input{margin-top:var(--space-4);width:100%;min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--text-base)}.settings-about-row{justify-content:space-between;align-items:center;display:flex}.settings-install{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.settings-install .settings-section-copy{margin-bottom:var(--space-3)}