:root{--color-bg:#fbf6ef;--color-bg-alt:#f3ead9;--color-surface:#fffdf9;--color-surface-raised:#fff;--color-text:#3a2e27;--color-text-muted:#8a7b6c;--color-text-faint:#b4a796;--color-primary:#e07a5f;--color-primary-dark:#c4603f;--color-primary-tint:#fbe4dc;--color-secondary:#81b29a;--color-secondary-dark:#5f9680;--color-secondary-tint:#e1efe8;--color-accent:#f2cc8f;--color-accent-tint:#fbf0da;--color-success:#5f9680;--color-success-tint:#e1efe8;--color-needs-work:#e8985a;--color-needs-work-tint:#fbeada;--color-error:#c4603f;--color-error-tint:#fbe4dc;--color-border:#e8dcc8;--color-border-strong:#d8c7a8;--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:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 3px #3a2e270f, 0 1px 2px #3a2e270a;--shadow-md:0 4px 12px #3a2e2714, 0 2px 4px #3a2e270a;--shadow-lg:0 12px 28px #3a2e271f, 0 4px 8px #3a2e270d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--ease-standard:cubic-bezier(.25, .1, .25, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--bottom-nav-height:72px;--max-content-width:480px}*,: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;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}a{color:var(--color-primary-dark)}.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}}.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);z-index:20;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #3a2e270f}.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)}.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)}.home-header{margin-bottom:var(--space-6)}.home-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.home-settings-link{width:40px;height:40px;color:var(--color-text-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-settings-link:hover{color:var(--color-primary)}.home-settings-link:active{transform:scale(.92)}.home-greeting-eyebrow{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.home-greeting{font-size:var(--text-3xl);margin-top:var(--space-1)}.home-streak{margin-top:var(--space-2);font-size:var(--text-base);color:var(--color-text-muted);font-weight:600}.home-modules{gap:var(--space-4);flex-direction:column;display:flex}.module-card{background:linear-gradient(160deg, var(--color-surface) 0%, var(--color-primary-tint) 130%)}.module-title{font-size:var(--text-xl)}.module-description{margin-top:var(--space-1);color:var(--color-text-muted)}.module-actions{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.module-action{align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);font-weight:600;text-decoration:none;display:flex}.module-action svg{color:var(--color-primary);flex-shrink:0}.module-action:hover{box-shadow:var(--shadow-sm)}.module-action:active{transform:scale(.98)}.progress-summary{margin-top:var(--space-4);color:inherit;text-decoration:none}.progress-summary-row{gap:var(--space-6);display:flex}.progress-stat{flex-direction:column;display:flex}.progress-mistake{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);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(--color-primary);color:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary-tint);color:var(--color-secondary-dark)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary);color:var(--color-surface-raised)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-alt);color:var(--color-text)}.btn-danger{background:var(--color-error-tint);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-surface-raised)}.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)}}.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(--color-secondary)}.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-2xl);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}.mic-button{background:var(--color-primary);color:var(--color-surface-raised);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.mic-button:active:not(:disabled){transform:scale(.94)}.mic-button:disabled{opacity:.45;cursor:not-allowed}.mic-button.listening{background:var(--color-error)}.mic-pulse{border:2.5px solid var(--color-error);border-radius:50%;animation:1.4s ease-out infinite mic-pulse-ring;position:absolute;inset:-8px}@keyframes mic-pulse-ring{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.mic-pulse{opacity:.4;animation:none}}.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);flex-direction:column;display:flex}.lesson-centered{min-height:calc(100vh - var(--bottom-nav-height));text-align:center;justify-content:center;align-items:center}.lesson-eyebrow{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.lesson-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite lesson-spin}@keyframes lesson-spin{to{transform:rotate(360deg)}}.lesson-loading-label{color:var(--color-text-muted);margin-top:var(--space-3);font-weight:600}.lesson-status-card h1{font-size:var(--text-xl);margin-bottom:var(--space-3)}.lesson-status-card p{color:var(--color-text-muted);margin-bottom:var(--space-5)}.lesson-topic-title{font-size:var(--text-2xl);margin-top:var(--space-1)}.lesson-vocab-intro-copy{color:var(--color-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(--color-primary-dark)}.lesson-vocab-item p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.lesson-sentence-card{background:linear-gradient(160deg, var(--color-surface) 0%, var(--color-primary-tint) 130%)}.lesson-sentence-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.lesson-sentence-text{font-size:var(--text-xl);line-height:1.4}.lesson-mic-area{align-items:center;gap:var(--space-3);padding:var(--space-6) 0;flex-direction:column;display:flex}.lesson-hint{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600}.lesson-live-transcript{color:var(--color-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(--color-success)}.lesson-verdict.warn{color:var(--color-needs-work)}.lesson-issue-tag{color:var(--color-text);text-transform:capitalize}.lesson-explanation{color:var(--color-text-muted);background:var(--color-needs-work-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(--color-success-tint);padding:var(--space-3);border-radius:var(--radius-sm);display:flex}.lesson-corrected-text{color:var(--color-text);font-weight:600}.lesson-encouragement{color:var(--color-primary-dark);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-2xl)}.lesson-complete-topic{color:var(--color-text-muted);margin-top:var(--space-1)}.lesson-complete-score{margin-top:var(--space-3);font-size:var(--text-lg);color:var(--color-primary-dark);font-weight:700}.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(--color-success-tint);color:var(--color-success)}.lesson-complete-badge.warn{background:var(--color-needs-work-tint);color:var(--color-needs-work)}.lesson-complete-actions{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.conversation-screen{gap:var(--space-4);flex-direction:column;display:flex}.conv-eyebrow{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.conv-title{font-size:var(--text-2xl);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(--color-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(--color-border);background:var(--color-surface);color:var(--color-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(--color-primary);background:var(--color-primary-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(--color-border);background:var(--color-surface);font-size:var(--text-base);color:var(--color-text);outline:none;flex:1}.conv-custom-input:focus{border-color:var(--color-primary)}.conv-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.conv-topic-title{font-size:var(--text-xl);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(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;flex-shrink:0;font-weight:600;display:flex}.conv-badge{background:var(--color-primary);min-width:18px;height:18px;color:var(--color-surface-raised);border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}.conv-corrections-panel{gap:var(--space-3);background:var(--color-needs-work-tint);border-color:var(--color-needs-work);flex-direction:column;display:flex}.conv-no-corrections{color:var(--color-text-muted);font-size:var(--text-sm)}.conv-correction-item{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.conv-correction-item:last-child{border-bottom:none;padding-bottom:0}.conv-correction-original{color:var(--color-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(--color-needs-work)}.conv-correction-note{color:var(--color-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(--color-surface-raised);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.conv-bubble.user{background:var(--color-primary);color:var(--color-surface-raised);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(--color-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)}}.conv-mic-area{align-items:center;gap:var(--space-3);padding:var(--space-5) 0;flex-direction:column;display:flex}.conv-hint{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;font-weight:600}.conv-thinking{padding:var(--space-3) 0}.conv-live-transcript{color:var(--color-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-2xl)}.conv-complete-topic{color:var(--color-text-muted);margin-top:var(--space-1)}.conv-complete-score{margin-top:var(--space-3);color:var(--color-primary-dark);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);flex-direction:column;display:flex}.progress-eyebrow{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.progress-title{font-size:var(--text-2xl);margin-top:var(--space-1)}.progress-empty-copy{color:var(--color-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-2xl);color:var(--color-primary-dark);font-weight:700}.progress-stat-label{font-size:var(--text-sm);color:var(--color-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(--color-needs-work-tint);border-color:var(--color-needs-work)}.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(--color-text-muted)}.progress-pattern-example{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.progress-pattern-example strong{color:var(--color-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(--color-primary-tint);width:36px;height:36px;color:var(--color-primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.progress-history-icon.conversation{background:var(--color-secondary-tint);color:var(--color-secondary-dark)}.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(--color-text-muted);margin-top:2px}.progress-history-accuracy{color:var(--color-primary-dark);flex-shrink:0;font-weight:700}.modal-backdrop{z-index:50;animation:modal-backdrop-in var(--duration-base) var(--ease-standard);background:#3a2e2773;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-4);flex-direction:column;display:flex}.settings-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.settings-section-title{font-size:var(--text-lg)}.settings-section-copy{margin-top:var(--space-1);margin-bottom:var(--space-4);color:var(--color-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(--color-border);background:var(--color-surface);color:var(--color-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(--color-primary);background:var(--color-primary-tint);color:var(--color-primary-dark)}.settings-confirm{gap:var(--space-3);background:var(--color-error-tint);padding:var(--space-4);border-radius:var(--radius-md);flex-direction:column;display:flex}.settings-confirm-copy{color:var(--color-text);font-weight:600;font-size:var(--text-sm)}.settings-confirm-actions{gap:var(--space-2);display:flex}