.learning-app{min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}.learning-app--focused{padding-bottom:env(safe-area-inset-bottom)}.learning-header{max-width:var(--content-width);margin:auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.learning-brand{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target);font:700 var(--text-h3) var(--font-display);text-decoration:none}.learning-brand span{font:400 var(--text-caption) var(--font-body);color:var(--text-secondary)}.learning-header>.type-eyebrow{display:none}.learning-main{max-width:var(--content-width);margin-inline:auto;padding:var(--space-md)}.learning-footer{padding:var(--space-xl) var(--space-md);text-align:center;font-size:var(--text-caption);color:var(--text-secondary)}.learning-nav{position:fixed;inset:auto 0 0;z-index:var(--z-header);display:flex;align-items:stretch;justify-content:space-around;background:var(--bg-surface);border-top:var(--border-width) solid var(--border);padding:var(--space-xs) var(--space-xs) max(var(--space-xs),env(safe-area-inset-bottom))}.learning-nav a,.learning-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-width:var(--touch-target);min-height:var(--control-large);font-size:var(--text-caption);text-decoration:none;padding:var(--space-xs);color:var(--text-secondary)}.learning-nav button:disabled{opacity:.5;cursor:default}.learning-nav a.active{color:var(--accent)}.learning-nav svg{width:var(--icon-size);height:var(--icon-size)}.learning-main h1{font:600 var(--text-h1) / var(--leading-heading) var(--font-cn-title);letter-spacing:var(--tracking-display)}.learning-main h2{font:600 var(--text-h2) / var(--leading-heading) var(--font-cn-title)}.learning-lead{color:var(--text-secondary);margin-top:var(--space-md);max-width:var(--prose-width)}.learning-note{font-size:var(--text-caption);color:var(--text-secondary);padding-block:var(--space-md)}.learning-error{border:var(--border-width) solid var(--color-wrong);border-radius:var(--radius-md);padding:var(--space-md);margin-block:var(--space-md);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.onboarding-shell{max-width:var(--dialog-width);margin:var(--space-lg) auto}.onboarding-steps{display:flex;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-xl)}.onboarding-steps span{flex:1;height:var(--space-xs);border-radius:var(--radius-full);background:var(--border)}.onboarding-steps span[data-active=true]{background:var(--accent)}.onboarding-step{animation:learning-enter var(--duration-normal) var(--ease-out) both}.onboarding-step[data-direction="-1"]{--step-offset: calc(-1 * var(--space-lg))}.onboarding-step fieldset,.onboarding-step>.learning-field{margin-top:var(--space-lg)}.onboarding-step legend{margin-bottom:var(--space-mobile);font-weight:600}.goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.goal-options label{position:relative;border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-lg) var(--space-sm);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.goal-options label[data-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface))}.goal-options input{accent-color:var(--accent)}.goal-options strong{font:700 var(--text-h2) var(--font-display)}.goal-options span{font-size:var(--text-caption);color:var(--text-secondary)}.accent-options{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.learning-field{display:flex;flex-direction:column;gap:var(--space-sm)}.learning-field input,.learning-field select{min-width:0;width:100%;min-height:var(--control-height);padding:var(--space-mobile);border-radius:var(--radius-sm);background:var(--bg-surface);border:var(--border-width) solid var(--border);color:var(--text-primary);font:inherit}.learning-radio{display:flex;align-items:center;min-height:var(--touch-target);gap:var(--space-mobile);padding-block:var(--space-sm)}.learning-radio input{accent-color:var(--accent);width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.onboarding-recap{display:flex;gap:var(--space-md);padding:var(--space-lg);margin-top:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface)}.onboarding-recap svg{color:var(--color-correct);flex-shrink:0}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-xl)}.today-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin-block:var(--space-lg) var(--space-xl)}.today-heading h1{margin-top:var(--space-md)}.today-heading>svg{color:var(--accent);width:var(--space-2xl);height:var(--space-2xl);flex-shrink:0;display:none}.today-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.today-stats article{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-mobile);background:var(--bg-surface);display:flex;flex-direction:column;gap:var(--space-mobile);min-width:0}.today-stats article>span:first-child{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--text-caption)}.today-stats svg{width:var(--icon-size);height:var(--icon-size)}.today-stats .odometer{font:600 var(--text-h1) / 1 var(--font-display)}.today-stats small{font-size:var(--text-caption);color:var(--text-secondary)}.today-start{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);border-radius:var(--radius-xl);padding:var(--space-lg);margin-top:var(--space-lg);background:color-mix(in srgb,var(--accent) 10%,var(--bg-surface));border:var(--border-width) solid color-mix(in srgb,var(--accent) 30%,var(--border))}.today-start h2{margin-block:var(--space-sm) var(--space-mobile)}.today-start p:last-child{color:var(--text-secondary)}.today-start>.button{width:100%}.forecast{margin-top:var(--space-xl);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md)}.forecast-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-lg)}.forecast-heading p{font-size:var(--text-caption);color:var(--text-secondary)}.forecast svg{width:100%;overflow:visible}.forecast text{font:500 var(--text-body) var(--font-body);fill:var(--text-secondary)}.forecast-track{fill:var(--bg-elevated)}.forecast-bar{fill:var(--accent)}.today-word-link{min-height:var(--touch-target);display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--text-secondary)}.session-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);font-size:var(--text-caption)}.session-label{display:none}.session-progress{height:var(--space-xs);margin-block:var(--space-md) var(--space-lg);background:var(--border);overflow:hidden;border-radius:var(--radius-full)}.session-progress>span{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out)}.session-instruction{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-md);font-size:var(--text-caption)}.learn-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.learn-actions>.button{flex:1}.question-card{max-width:var(--prose-width);margin:var(--space-lg) auto;text-align:center}.question-card h1{font-size:var(--text-h2);margin-top:var(--space-mobile)}.question-image{display:block;width:var(--question-image-mobile);aspect-ratio:1;margin:var(--space-lg) auto;border-radius:var(--radius-lg);overflow:hidden}.question-definition{margin-block:var(--space-lg);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface);display:grid;gap:var(--space-md)}.question-definition p:first-child{font-size:var(--text-h3)}.question-definition p[lang=en]{font:italic var(--text-h3) / var(--leading-example) var(--font-example);color:var(--text-secondary)}.question-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-mobile)}.question-option{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:0;min-height:var(--control-height);padding:var(--space-mobile);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);font:600 var(--text-body) var(--font-display);overflow-wrap:anywhere;cursor:pointer;transition:transform var(--duration-fast),opacity var(--duration-fast)}.question-option:active:not(:disabled){transform:scale(.97)}.question-option:disabled{cursor:default}.question-option[data-result=idle]{opacity:.55}.question-option[data-result=correct]{border-color:var(--color-correct);background:color-mix(in srgb,var(--color-correct) 16%,var(--bg-surface));box-shadow:0 0 var(--space-lg) color-mix(in srgb,var(--color-correct) 22%,var(--transparent));animation:answer-pop var(--duration-slow) var(--ease-out)}.question-option[data-result=wrong]{border-color:var(--color-wrong);animation:answer-shake var(--duration-normal) ease-in-out}.question-option svg{width:var(--icon-size);flex-shrink:0}.option-key{color:var(--text-secondary);font:400 var(--text-caption) var(--font-mono)}.question-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--text-caption);color:var(--text-secondary)}.keyboard-hint{display:none}.answer-feedback{position:relative;margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface)}.answer-feedback>p{color:var(--text-secondary);margin-block:var(--space-md);font-size:var(--text-caption)}.answer-feedback.is-correct{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-md)}.answer-particles{position:absolute;top:0;color:var(--color-correct);pointer-events:none;animation:learning-sparks .7s var(--ease-out) both}.answer-mini{display:flex;gap:var(--space-md);align-items:center;text-align:left}.answer-mini .thumb-image{width:var(--thumbnail-size);aspect-ratio:1;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md)}.answer-mini strong{font:700 var(--text-h2) var(--font-display);overflow-wrap:anywhere}.session-summary{max-width:var(--prose-width);margin:var(--space-xl) auto;text-align:center}.summary-emblem{display:grid;place-items:center;color:var(--accent);margin-bottom:var(--space-lg)}.summary-emblem svg{width:var(--space-2xl);height:var(--space-2xl)}.session-summary h1{margin-top:var(--space-md)}.summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-block:var(--space-xl)}.summary-stats article{display:flex;flex-direction:column;gap:var(--space-mobile);align-items:center;animation:learning-enter var(--duration-slow) var(--ease-out) both}.summary-stats article:nth-child(2){animation-delay:var(--duration-fast)}.summary-stats article:nth-child(3){animation-delay:var(--duration-normal)}.summary-stats .odometer{font:700 var(--text-h1) / 1 var(--font-display)}.summary-stats article>span:last-child{color:var(--text-secondary);font-size:var(--text-caption)}.summary-stars{position:relative;margin-bottom:var(--space-xl)}.summary-stars strong{color:var(--accent)}.summary-star-flight{display:block;color:var(--color-star);margin-block:var(--space-lg);pointer-events:none;animation:summary-fly var(--dur-stage) var(--ease-out) both}@keyframes summary-fly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--flight-x, 0px),var(--flight-y, 0px)) scale(.3)}}@keyframes learning-enter{0%{opacity:0;transform:translate(var(--step-offset, var(--space-lg)))}to{opacity:1;transform:translate(0)}}@keyframes answer-pop{50%{transform:scale(1.025)}}@keyframes answer-shake{25%,75%{transform:translate(calc(-1 * var(--space-xs)))}50%{transform:translate(var(--space-xs))}}@keyframes learning-sparks{0%{opacity:1;transform:translateY(0) scale(.8)}to{opacity:0;transform:translateY(calc(-1 * var(--space-xl))) scale(1.3)}}[data-tier=low] .onboarding-step,[data-tier=low] .question-option,[data-tier=low] .answer-particles,[data-tier=low] .summary-stats article,[data-tier=low] .summary-star-flight{animation:none}[data-tier=low] .session-progress>span{transition:none}@media(prefers-reduced-motion:reduce){.onboarding-step,.question-option,.answer-particles,.summary-stats article,.summary-star-flight{animation:none}.session-progress>span{transition:none}}@media(min-width:768px){.learning-app{padding-bottom:0}.learning-header>.type-eyebrow,.today-heading>svg,.session-label,.keyboard-hint{display:block}.learning-header{padding-inline:var(--space-xl)}.learning-nav{position:static;border-top:none;border-bottom:var(--border-width) solid var(--border);justify-content:center;gap:var(--space-xl);padding:var(--space-xs) var(--space-lg)}.learning-nav a,.learning-nav button{flex-direction:row;gap:var(--space-sm)}.learning-main{padding:var(--space-lg) var(--space-xl)}.onboarding-shell{margin-top:var(--space-xl)}.today-stats{gap:var(--space-lg)}.today-stats article{padding:var(--space-lg)}.today-start{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-xl)}.today-start>.button{width:auto;flex-shrink:0}.forecast{padding:var(--space-lg)}.question-image{width:var(--question-image-desktop)}.question-option{min-height:var(--control-large)}.learn-actions>.button{flex:none}}