@layer theme,base,components,utilities,components.foundation;@layer components.refinement{.catalog-page{min-height:calc(100dvh - env(safe-area-inset-top,0px))}:is(.refined-surface,.app-frame,.lesson-workspace,.lesson-shell){--color-gray-50:var(--learning-soft);--color-gray-100:var(--learning-line);--color-gray-200:#dfe1e3;--color-gray-300:#c2c5c8;--color-gray-400:var(--ink-3);--color-gray-500:var(--learning-secondary);--color-gray-600:#565960;--color-gray-700:#3f4248;--color-gray-800:#24262a;--color-gray-900:var(--learning-ink);--primary:var(--learning-green)}.refined-surface .shadow-card,.refined-surface .shadow-sm{box-shadow:var(--learning-shadow)}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--control-height:52px;--lesson-feedback-h:clamp(184px, 36dvh, 312px);--lesson-feedback-compact-h:96px;--lesson-feedback-radius:24px;--lesson-feedback-line:#cdd6cf}.icon-button{color:#525a55;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:inline-flex}.icon-button:disabled{opacity:.45}.app-button,.action-primary,.action-secondary,.invitation-action,.icon-button,.quiz-choice{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s var(--ease-out), background-color .15s ease, border-color .15s ease, color .15s ease}@media (hover:hover) and (pointer:fine){.icon-button:hover{color:var(--learning-ink);background:#edf0ed}}@media (pointer:coarse){.app-button:active:not(:disabled),.action-primary:active:not(:disabled),.action-secondary:active:not(:disabled),.invitation-action:active,.icon-button:active:not(:disabled){transition-duration:.1s;transform:scale(.97)}}:is(.app-button,.action-primary,.action-secondary,.icon-button,.pressable)[aria-busy=true]{cursor:progress}.learning-page.is-narrow{max-width:720px}.lesson-workspace{word-break:keep-all;overflow-wrap:anywhere}:where(.app-frame,.lesson-workspace,.app-dialog) :is(a,button){-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:where(.app-frame,.lesson-workspace) img{-webkit-user-drag:none}.lesson-explanation,[role=log]{-webkit-user-select:text;user-select:text}.app-frame,.lesson-workspace{scroll-padding-block:24px calc(var(--nav-inset) + 24px)}.quiz-path-control{border-radius:24px;display:block}@media (hover:hover) and (pointer:fine){.quiz-path-control:hover{opacity:.88}}.learning-progress-fill{transform-origin:0;transition:transform .2s var(--ease-out)}.navigation-active-layer{z-index:2;background:var(--learning-action);pointer-events:none;gap:3px;display:flex;position:absolute;inset:0}.navigation-active-copy{color:#fff}.navigation-icon-slot{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.navigation-badge{border:1.5px solid var(--learning-paper);color:#fff;min-width:16px;height:16px;font-size:var(--fs-caption);white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#b42318;border-radius:999px;place-items:center;padding:0 4px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;left:calc(100% - 7px)}.navigation-badge-cleared{background:var(--learning-green)}.navigation-icon-slot .navigation-badge svg{width:10px;height:10px}.navigation-active-copy svg{color:var(--learning-mint)}@media (max-width:1023px){.navigation-link[aria-current]{color:#464c46}.navigation-link[aria-current] svg{color:inherit}}@media (min-width:1024px){.navigation-active-layer{display:none}}.character-header>div>div:first-child{flex-wrap:wrap;gap:12px}.character-header a[href="/creator/studio"]{font-size:var(--fs-subhead);min-height:44px}.wardrobe-categories{padding-bottom:4px;display:flex;overflow-x:auto}.character-page .wardrobe-categories button{min-height:44px;font-size:var(--fs-subhead);flex:1 0 44px;line-height:1.5;transition:background-color .15s,color .15s}.settings-page{max-width:760px}.settings-heading{margin-bottom:28px}.settings-sections{flex-direction:column;gap:20px;display:flex}.settings-section{padding:24px}.settings-section-title{font-size:var(--fs-body);margin-bottom:16px;font-weight:700}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:56px;display:flex}.settings-row>div:first-child{flex:1;min-width:0}.settings-row>div:nth-child(2){flex-basis:100%}.settings-row>div>p+p{font-size:var(--fs-subhead);overflow-wrap:anywhere;line-height:1.65}.settings-page button,.app-dialog button{min-width:44px;min-height:44px}.settings-page button:not(.sound-switch):not(.icon-button){padding-inline:12px}.settings-page input,.settings-page textarea,.app-dialog input,.app-dialog textarea{min-width:0;font-size:var(--fs-body);line-height:1.5}.settings-page input{min-height:48px}.sound-switch{place-items:center;padding:10px 0;display:grid}.sound-switch-track{background:#8a918c;border-radius:20px;width:44px;height:24px;transition:background-color .16s;display:block;position:relative}.sound-switch-track.is-on{background:var(--primary-deep)}.sound-switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:2px;left:2px}.sound-switch-track.is-on .sound-switch-thumb{transform:translate(20px)}.app-toast{bottom:calc(104px + env(safe-area-inset-bottom,0px));background:var(--learning-action);color:#fff;width:max-content;max-width:calc(100% - 32px);font-size:var(--fs-subhead);z-index:250;border-radius:18px;padding:14px 20px;line-height:1.6;position:fixed;left:50%;translate:-50%}.app-dialog-overlay{z-index:230;animation:dialog-fade-in .2s var(--ease-out);background:#131a1661;position:fixed;inset:0}.app-dialog{z-index:231;left:50%;bottom:max(12px, env(safe-area-inset-bottom,0px));width:min(480px, calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:calc(var(--keyboard-viewport-height,100dvh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:var(--learning-paper);color:var(--learning-ink);border-radius:var(--r-xl);box-shadow:var(--elev-3);word-break:keep-all;overflow-wrap:anywhere;padding:24px;animation:.16s ease-out dialog-fade-in;position:fixed;overflow-y:auto;transform:translate(-50%)}.app-dialog:focus{outline:none}.app-dialog-heading{align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.app-dialog-title{font-size:var(--fs-title3);letter-spacing:-.025em;flex:1;padding-top:8px;font-weight:700;line-height:1.45}.app-dialog-heading .icon-button{flex-shrink:0;margin:-4px -8px 0 0}.app-dialog-description{color:var(--learning-secondary);font-size:var(--fs-callout);margin-bottom:24px;line-height:1.75}.level-table{border-collapse:collapse;width:100%;font-size:var(--fs-subhead);font-variant-numeric:tabular-nums;margin-top:14px;line-height:1.6}.level-table th,.level-table td{text-align:center;border-bottom:1px solid var(--learning-line);white-space:nowrap;padding:12px}.level-table th:first-child,.level-table td:first-child{padding-left:16px}.level-table th:last-child,.level-table td:last-child{padding-right:16px}.level-table thead{color:var(--learning-secondary);font-size:var(--fs-footnote)}.level-amount{vertical-align:-3px;align-items:center;gap:4px;display:inline-flex}.learning-balance{color:inherit;cursor:pointer;font-family:inherit}.level-table [aria-current]{color:var(--primary-deep);background:#edf7ef}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:640px){.app-dialog{padding:28px;top:50%;bottom:auto;transform:translate(-50%,-50%)}html[data-keyboard-open] .app-dialog{top:12px;transform:translate(-50%)}}@media (max-width:400px){.level-table th,.level-table td{padding-inline:10px}.level-table th:first-child,.level-table td:first-child{padding-left:12px}.level-table th:last-child,.level-table td:last-child{padding-right:12px}}@media (max-width:380px){.settings-section,.app-dialog{padding:20px}}@media (prefers-reduced-motion:reduce){.animate-shake,.animate-boss-shake,.animate-boss-danger-flash{animation:none}.animate-boss-danger-flash{opacity:.2}.app-dialog,.app-dialog-overlay{animation:none}.sound-switch-track,.sound-switch-thumb{transition:none}}.lesson-workspace{background:var(--learning-canvas);height:100dvh;min-height:0;color:var(--learning-ink);padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;overflow:hidden}.lesson-header{border-bottom:1px solid var(--learning-line);background:var(--learning-paper);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.lesson-question-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex:1 1 0;min-width:0;min-height:0;padding:24px 20px;overflow-y:auto}.lesson-question-content{flex-direction:column;gap:24px;min-width:0;display:flex}.lesson-question-title:focus{outline:none}.lesson-question-title{font-size:var(--fs-title3);letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere;font-weight:700;line-height:1.65}.lesson-result-panel{flex:0 0 var(--lesson-feedback-h);border:1px solid var(--lesson-feedback-line);border-radius:var(--lesson-feedback-radius) var(--lesson-feedback-radius) 0 0;background:var(--learning-paper);border-bottom:0;min-height:0;position:relative;overflow:hidden}.lesson-feedback-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:100%;padding:20px 20px 16px;overflow-y:auto}.lesson-feedback-scroll:focus-visible{outline-offset:-3px}.lesson-feedback-heading{align-items:center;gap:12px;min-height:52px;margin-bottom:16px;display:flex}.lesson-feedback-heading>:first-child{flex-shrink:0}.lesson-feedback-avatar{place-items:center;width:44px;height:52px;display:grid;position:relative}.lesson-result-panel[data-compact=true]{flex-basis:var(--lesson-feedback-compact-h)}.lesson-result-panel[data-compact=true] .lesson-feedback-heading{margin-bottom:0}.lesson-result-panel[data-compact=true] .lesson-feedback-scroll{padding-block:20px;overflow:hidden}.lesson-why-button{border-radius:var(--r-pill);background:var(--learning-soft);min-height:44px;color:var(--learning-green);font-size:var(--fs-subhead);align-items:center;margin-left:auto;padding:0 16px;font-weight:700;display:inline-flex}.lesson-report-slot{flex-shrink:0;margin-left:auto;margin-right:-10px}.lesson-why-button+.lesson-report-slot{margin-left:0}.lesson-report-button[aria-disabled=true]{opacity:.45;cursor:default}.lesson-feedback-details:focus{outline:none}.question-report-form{flex-direction:column;gap:16px;display:flex}.question-report-form fieldset{border-block:1px solid var(--learning-line);flex-direction:column;display:flex}.question-report-reason{min-height:52px;font-size:var(--fs-body);cursor:pointer;align-items:center;gap:12px;display:flex}.question-report-reason+.question-report-reason{border-top:1px solid var(--learning-line)}.question-report-reason input{width:20px;height:20px;accent-color:var(--learning-green);flex-shrink:0}.question-report-note input{border:1px solid var(--learning-line);border-radius:var(--r-sm);width:100%;min-height:48px;font-size:var(--fs-body);background:var(--learning-paper);padding:0 14px}.lesson-feedback-status{color:#166534;font-size:var(--fs-body);font-weight:700;line-height:1.5}.lesson-result-panel[data-correct=false] .lesson-feedback-status{color:#b42318}.lesson-explanation{font-size:var(--fs-body);color:#414943;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;line-height:1.75}.lesson-related-activity{min-height:44px;font-size:var(--fs-subhead);color:var(--learning-green);align-items:center;gap:8px;margin-top:12px;display:flex}.lesson-related-activity svg{flex-shrink:0}.lesson-action-dock{padding:12px 20px max(16px, env(safe-area-inset-bottom,0px));background:var(--learning-paper);border-top:1px solid var(--learning-line);flex:none;position:relative}@media (max-width:743px) and (orientation:portrait){:is(:is(.lesson-body,.start-quiz-body):has(.lesson-result-panel)+.lesson-action-dock,.lesson-result-panel+.lesson-action-dock){border-top:0}}.lesson-action-dock .app-button{height:var(--control-height);min-height:var(--control-height);border-radius:var(--r-pill);padding:0 20px}.lesson-submit-slot:empty{display:none}.lesson-action-hint{min-height:var(--control-height);color:var(--learning-secondary);font-size:var(--fs-subhead);text-align:center;justify-content:center;align-items:center;line-height:1.5;display:flex}.lesson-danger-indicator{z-index:40;pointer-events:none;border:3px solid #b42318;position:fixed;inset:0}.quiz-choice{border-radius:16px;min-height:60px}.quiz-choice:disabled{cursor:default}.home-welcome{flex-wrap:wrap;gap:16px 20px}.home-welcome>div{flex:240px;min-width:0}.home-welcome h1{overflow-wrap:anywhere}.home-welcome>a{margin-left:auto}.settings-support-link{min-height:44px;color:var(--learning-green);font-size:var(--fs-callout);align-items:center;display:inline-flex}.settings-page .settings-heading h1{font-size:var(--fs-title1);letter-spacing:-.03em;line-height:1.3}.settings-row+.settings-row{border-top:1px solid var(--learning-line);padding-top:12px}.settings-section{border-color:var(--learning-line);box-shadow:none}.settings-section-title{font-size:var(--fs-headline);margin-bottom:20px}.settings-row>div>p:first-child{font-size:var(--fs-body)}.settings-sections{gap:16px}.app-dialog{animation:dialog-sheet-in .25s var(--ease-drawer)}.app-dialog[data-state=closed]{animation:dialog-sheet-out .2s var(--ease-out)}.app-dialog-overlay[data-state=closed]{animation:dialog-fade-out .16s var(--ease-out)}@keyframes dialog-sheet-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes dialog-sheet-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,16px)}}@keyframes dialog-fade-out{0%{opacity:1}to{opacity:0}}@media (min-width:640px){.app-dialog{animation-name:dialog-center-in}.app-dialog[data-state=closed]{animation-name:dialog-center-out}html[data-keyboard-open] .app-dialog{animation-name:dialog-fade-in}html[data-keyboard-open] .app-dialog[data-state=closed]{animation-name:dialog-fade-out}}@keyframes dialog-center-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes dialog-center-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@media (max-width:1023px){.app-frame{padding-top:env(safe-area-inset-top,0px)}.navigation-label{font-size:var(--fs-caption);font-weight:500;line-height:1.4}.learning-page,.catalog-page{padding-top:28px}.home-welcome p,.learning-heading p,.catalog-description p{font-size:var(--fs-callout);line-height:1.7}.learning-heading h1,.catalog-heading-row h1,.character-header h1{font-size:var(--fs-title1);letter-spacing:-.03em}.action-primary,.action-secondary,.invitation-action{min-height:48px;font-size:var(--fs-callout);font-weight:500}.curriculum-filter a{min-height:44px}.catalog-section-heading h2{font-weight:700}.workspace-page{height:calc(100dvh - env(safe-area-inset-top,0px))}html[data-keyboard-open] .app-navigation{display:none}html[data-keyboard-open] .workspace-page{height:var(--keyboard-viewport-height);padding-bottom:12px}}@media (max-width:639px){.invitation-action{grid-column:1/-1;margin-top:6px}.catalog-section-heading{margin-top:28px}}@media (max-width:380px){.lesson-question-scroll{padding:20px 16px}.lesson-question-title{font-size:var(--fs-headline)}.lesson-action-dock,.lesson-feedback-scroll{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.animate-shake,.animate-boss-shake,.animate-boss-danger-flash{animation:none}.animate-boss-danger-flash{opacity:.2}.app-button:active:not(:disabled),.action-primary:active:not(:disabled),.action-secondary:active:not(:disabled),.invitation-action:active,.icon-button:active:not(:disabled){transform:none}.learning-progress-fill,.sound-switch-thumb{transition:none}.app-dialog,html[data-keyboard-open] .app-dialog,.app-dialog-overlay{animation:.12s dialog-fade-in}.app-dialog[data-state=closed],html[data-keyboard-open] .app-dialog[data-state=closed],.app-dialog-overlay[data-state=closed]{animation:.12s dialog-fade-out}}@media (max-width:743px){.app-navigation{left:max(20px, env(safe-area-inset-left,0px));right:max(20px, env(safe-area-inset-right,0px));transform-origin:50%;max-width:480px;transition:box-shadow .22s var(--ease-out);background:#fbfcfbf5;border-color:#ffffffb8;padding:5px 22px;box-shadow:0 8px 28px #1d28201f,inset 0 1px #fffc}.app-navigation[data-scrolled]{box-shadow:0 12px 36px #1d282038,inset 0 1px #fffc}.navigation-link{color:#6b716c;gap:3px;min-height:48px;padding:5px 3px}.navigation-label{font-size:var(--fs-label)}.navigation-links,.navigation-links *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none}.app-navigation,.navigation-links,.navigation-links .navigation-link{touch-action:none}.navigation-link>*{pointer-events:none}.navigation-link svg,.navigation-brand-icon{width:20px;height:20px}.navigation-badge{min-width:15px;height:15px;padding:0 3px;top:-5px;left:calc(100% - 6px)}.navigation-icon-mask{background-color:currentColor;flex-shrink:0;width:20px;height:20px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-navigation{-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(145deg,#ffffff61,#f7faf838)}}.navigation-active-pill{pointer-events:none;background:#20231f29;border-radius:26px;width:calc(20% - 2.4px);position:absolute;inset:0 auto 0 0}.navigation-active-layer{background:0 0}.navigation-active-copy,.navigation-active-copy svg{color:var(--learning-green)}}@keyframes navigation-pulse-a{28%{scale:1.04}64%{scale:.992}}@keyframes navigation-pulse-b{28%{scale:1.04}64%{scale:.992}}.app-navigation[data-pulse=a]{animation:navigation-pulse-a var(--dur-reveal) var(--ease-out)}.app-navigation[data-pulse=b]{animation:navigation-pulse-b var(--dur-reveal) var(--ease-out)}@media (prefers-reduced-motion:reduce){.app-navigation[data-pulse]{animation:none}}@media (min-width:744px) and (max-width:1023px) and (pointer:coarse){.app-navigation,.navigation-links,.navigation-links .navigation-link{touch-action:none}.navigation-links,.navigation-links *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.navigation-link>*{pointer-events:none}}@media (max-width:743px) and (prefers-reduced-transparency:reduce){.app-navigation{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbfcfb}}@media (max-width:380px){.app-navigation{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px))}}.lesson-session-header{gap:8px;position:relative}.lesson-combo-chip{background:var(--learning-soft);width:54px;height:24px;color:var(--ink);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;display:inline-flex;overflow:hidden}.lesson-resume-indicator{width:16px;color:var(--learning-secondary);flex-shrink:0;display:inline-flex}.lesson-resume-notice{z-index:2;top:100%;background:var(--learning-paper);border:1px solid var(--learning-line);color:var(--learning-secondary);font-size:var(--fs-caption);padding:8px 12px;position:absolute;inset-inline:16px}.lesson-choices{flex-direction:column;gap:0;display:flex}.lesson-choice-row{min-width:0;max-height:600px;transition:max-height var(--lesson-choice-collapse) var(--ease-out), opacity var(--lesson-choice-collapse) var(--ease-out), padding var(--lesson-choice-collapse) var(--ease-out);padding-bottom:10px}.lesson-choice{border:1px solid var(--learning-line);background:var(--learning-paper);text-align:left;width:100%;color:var(--ink);align-items:center;gap:12px;padding:14px 16px;display:flex}.lesson-choice[data-state=selected]{box-shadow:inset 0 0 0 2px var(--ink)}.lesson-choice-badge{border:1px solid var(--learning-line);width:28px;height:28px;font-size:var(--fs-footnote);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.lesson-choice[data-state=selected] .lesson-choice-badge{color:var(--learning-paper);background:var(--ink);border-color:var(--ink)}.lesson-choice-text{overflow-wrap:anywhere;min-width:0;font-size:var(--fs-body);line-height:1.6}.lesson-choice-verdict{font-size:var(--fs-caption);flex-shrink:0;margin-left:auto;font-weight:700}.lesson-choice[data-state=correct]{background:var(--lesson-success-soft);border-color:var(--learning-green);color:var(--learning-green)}.lesson-choice[data-state=wrong]{background:var(--lesson-error-soft);border-color:var(--danger-fg);color:var(--danger-fg)}.lesson-choice[data-state=dimmed]{color:var(--learning-secondary)}.lesson-choices[data-binary=true]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lesson-choices[data-binary=true] .lesson-choice{flex-wrap:wrap;justify-content:center;min-height:100px}.lesson-action-dock .app-button:disabled{opacity:1;background:var(--action-disabled);color:var(--on-action-disabled);box-shadow:none}.lesson-submit-slot:not(:empty)~.lesson-action-hint{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.lesson-result-panel{flex-direction:column;display:flex}.lesson-feedback-scroll{flex:1;min-height:0}.lesson-correct-answer{font-size:var(--fs-subhead);color:var(--learning-green);overflow-wrap:anywhere;margin:0 0 16px;font-weight:700;line-height:1.6}.lesson-feedback-status{white-space:nowrap;font-variant-numeric:tabular-nums}.lesson-science-tip{border:1px solid var(--learning-line);background:var(--learning-paper);border-radius:24px;padding:24px}.lesson-science-tip h2{font-size:var(--fs-title3);margin-bottom:16px;font-weight:700}.lesson-science-tip p{font-size:var(--fs-body);color:var(--learning-secondary);line-height:1.75}@media (max-height:740px){.lesson-workspace .lesson-choice-row[data-collapse=true]{opacity:0;max-height:0;padding-bottom:0;overflow:hidden}}@media (max-height:500px) and (min-width:640px){.lesson-workspace .lesson-header{padding-block:0}.lesson-workspace .lesson-action-dock{padding-block:6px}.lesson-workspace .lesson-question-scroll{padding-block:12px}.lesson-workspace .lesson-choices[data-graded=true]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;display:grid}.lesson-workspace .lesson-choice-row[data-collapse=true]{visibility:hidden;position:absolute}.lesson-workspace .lesson-choice{min-height:60px;padding:8px 12px}.lesson-choices[data-binary=true] .lesson-choice{min-height:60px}}@media (prefers-reduced-motion:reduce){.lesson-choice-row,.lesson-choice,.lesson-workspace .app-button{transition:none}}:root{--dur-instant:0s;--dur-micro:.1s;--dur-quick:.16s;--dur-base:.22s;--dur-emphasis:.32s;--dur-reveal:.52s;--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-in:cubic-bezier(.55,0,1,.45)}.pressable,.pressable-large,.wardrobe-item,.quiz-choice{transition:scale var(--dur-quick) var(--ease-out), background-color var(--dur-quick) var(--ease-out)}@media (pointer:coarse){.pressable:active:not(:disabled){transition-duration:var(--dur-micro);scale:.97}.pressable-large:active:not(:disabled),.quiz-choice:active:not(:disabled),.wardrobe-item:active:not(:disabled){transition-duration:var(--dur-micro);scale:.98}.pressable-row:active{background:#17181b0a}}@media (prefers-reduced-motion:reduce){.pressable,.pressable-large,.wardrobe-item,.quiz-choice{transition:none;scale:1}}:is(.app-frame,.lesson-shell,.lesson-workspace,.app-dialog) :is(.action-primary,.action-secondary,.invitation-action){border-radius:var(--r-pill);border-width:1px;min-height:52px;font-weight:600}.app-button{border-radius:var(--r-pill);border:1px solid #0000}.app-button:disabled{opacity:1;background:var(--action-disabled);color:var(--on-action-disabled);box-shadow:none}.app-button:focus-visible{box-shadow:var(--focus-ring)}.action-primary:active:not(:disabled){background:var(--action-pressed)}.surface{border-radius:var(--r-lg)}.quiz-choice{border-radius:var(--r-md)}.lesson-sprite-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-question-scroll{position:relative}.lesson-choice-verdict{align-items:center;gap:4px;display:inline-flex}.lesson-header .learning-progress-fill{transition:none}.lesson-choices[data-graded=true] .lesson-choice{transition:background-color var(--dur-quick), border-color var(--dur-quick)}.lesson-results{width:100%;max-width:560px;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px 220px;margin-inline:auto}.result-heading{text-align:center;flex-direction:column;align-items:center;margin:16px 0 28px;display:flex}.result-heading .result-character{margin-bottom:8px}.result-stars{gap:6px;display:inline-flex}.result-summary{text-align:center}.result-rewards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result-rewards[data-single]{grid-template-columns:1fr}.result-reward{border:var(--hairline);border-radius:var(--r-lg);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:112px;padding:16px 12px;display:flex}.result-reward-label{font-size:var(--fs-caption,.8125rem);color:var(--ink-2)}.result-reward-gem{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.result-gem{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.result-gem>img,.result-gem-pending{position:absolute;inset:0}.result-gem-pending{opacity:0}.result-actions{z-index:20;width:min(720px,100%);padding:16px 20px max(16px,env(safe-area-inset-bottom));background:var(--learning-canvas);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:50%;translate:-50%}.result-actions .text-link{min-height:44px}.gameover-wrongs{max-height:30dvh;overflow-y:auto}.app-dialog-overlay{background:#131a1661}@media (min-width:1024px){.lesson-results{padding-bottom:40px;padding-top:max(48px,env(safe-area-inset-top));flex-direction:column;justify-content:center;display:flex}.result-actions{background:0 0;width:auto;margin-top:32px;padding:0;position:static;translate:none}}.app-toast{bottom:calc(var(--nav-inset) + 12px);border-radius:var(--r-md)}.app-toast[data-focus=true]{bottom:calc(env(safe-area-inset-bottom) + 16px)}@media (min-width:1024px){.app-toast{bottom:calc(env(safe-area-inset-bottom) + 16px)}}@keyframes unit-reward{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.unit-complete-reward{animation:unit-reward var(--dur-base) var(--ease-out) var(--dur-base) both}@media (prefers-reduced-motion:reduce){.unit-complete-reward{animation:none}}.navigation-sidebar-indicator{display:none}@media (min-width:1024px){.navigation-sidebar-indicator{border-radius:var(--r-pill);background:var(--action);pointer-events:none;height:50px;display:block;position:absolute;inset:0 0 auto}.navigation-links>.navigation-link{z-index:1;height:50px;transition:color var(--dur-quick);position:relative}.navigation-link[aria-current]{background:0 0}}.app-collapse{opacity:0;transition:grid-template-rows var(--dur-base) var(--ease-out),opacity var(--dur-base);grid-template-rows:0fr;display:grid}.app-collapse[data-open=true]{opacity:1;grid-template-rows:1fr}.app-collapse>div{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.app-collapse{transition:none}}.login-prompt{border:var(--hairline);border-radius:var(--r-lg);width:100%;max-width:480px;box-shadow:none;background:#fff;flex-direction:column;gap:24px;padding:24px;display:flex}.login-prompt .login-prompt-bot{align-self:center}.app-frame{padding-top:env(safe-area-inset-top)}.lesson-shell{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.lesson-results{padding-bottom:220px}@media (min-width:1024px){.lesson-results{padding-bottom:40px}}.result-character,.gameover-character{transform-origin:50% 100%;display:inline-block}.result-level-badge{border-radius:var(--r-pill);background:var(--learning-action);color:#fff;height:28px;font-size:var(--fs-subhead);font-variant-numeric:tabular-nums;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.action-secondary[aria-pressed=true]{background:var(--learning-action);border-color:var(--learning-action);color:#fff}.lesson-resume-notice{top:auto;inset-inline:auto;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);border-radius:var(--r-pill);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--elev-2,0 8px 24px -12px #17181b3d);position:fixed;translate:-50%}@media (orientation:landscape) and (max-height:500px) and (min-width:640px){.lesson-results{max-width:960px;padding-bottom:24px}.result-layout{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);align-items:start;gap:20px;display:grid}.result-actions{background:0 0;width:auto;padding:0;position:sticky;top:16px;translate:none}.result-heading{margin:0 0 16px}.result-heading .result-character{display:none}}.result-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;display:flex}.post-result-screen{max-width:560px;min-height:100dvh;padding:max(48px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));background:var(--learning-canvas);flex-direction:column;margin-inline:auto;display:flex}.post-result-screen h1{font-size:var(--fs-title2);letter-spacing:-.02em;word-break:keep-all;font-weight:700;line-height:1.4}.post-result-screen>p{font-size:var(--fs-body);color:var(--learning-secondary);margin-top:8px;line-height:1.7}.post-result-options{border-block:1px solid var(--learning-line);flex-direction:column;margin-top:32px;display:flex}.post-result-option{min-height:56px;font-size:var(--fs-body);cursor:pointer;align-items:center;gap:12px;display:flex}.post-result-option+.post-result-option{border-top:1px solid var(--learning-line)}.post-result-option input{width:20px;height:20px;accent-color:var(--learning-green);flex-shrink:0}.post-result-option-detail{font-size:var(--fs-caption);color:var(--learning-secondary);margin-left:auto}.post-result-actions{flex-direction:column;gap:8px;margin-top:auto;padding-top:24px;display:flex}.post-result-actions .text-link{justify-content:center;min-height:44px}.path-sheet-stars{gap:2px;display:inline-flex}}@layer components.responsive;.app-dialog,.scrollbar-transparent{scrollbar-color:transparent transparent}.app-dialog::-webkit-scrollbar-thumb{background:0 0}.scrollbar-transparent::-webkit-scrollbar-thumb{background:0 0}
:root{--fs-display:2rem;--lh-display:2.5rem;--ls-display:-.03em;--fs-title1:1.75rem;--lh-title1:2.25rem;--ls-title1:-.025em;--fs-title2:1.375rem;--lh-title2:1.875rem;--ls-title2:-.02em;--fs-title3:1.25rem;--lh-title3:2rem;--ls-title3:-.015em;--fs-headline:1.0625rem;--lh-headline:1.5rem;--ls-headline:-.01em;--fs-body:1rem;--lh-body:1.625rem;--lh-explanation:1.75rem;--fs-callout:.9375rem;--lh-callout:1.5rem;--lh-button:1.375rem;--fs-subhead:.875rem;--lh-subhead:1.375rem;--fs-footnote:.8125rem;--lh-footnote:1.25rem;--fs-caption:.75rem;--lh-caption:1.125rem;--fs-label:.6875rem;--lh-label:.875rem;--fs-numeric-hero:1.75rem;--lh-numeric-hero:2rem;--measure-title:20em;--measure-read:36em}@media (min-width:744px){:root{--fs-display:2.5rem;--lh-display:3rem;--fs-title1:2rem;--lh-title1:2.5rem;--fs-title2:1.625rem;--lh-title2:2.125rem;--fs-title3:1.5rem;--lh-title3:2.125rem;--fs-headline:1.125rem;--lh-headline:1.625rem;--fs-body:1.0625rem;--lh-body:1.75rem;--lh-explanation:1.875rem;--fs-callout:1rem;--lh-callout:1.625rem;--lh-button:1.5rem;--fs-subhead:.9375rem;--fs-footnote:.875rem;--fs-caption:.8125rem;--fs-label:.75rem;--lh-label:1rem;--fs-numeric-hero:2.125rem;--lh-numeric-hero:2.5rem}}@media (min-width:1024px){:root{--fs-display:2.75rem;--lh-display:3.25rem;--fs-title1:2.125rem;--lh-title1:2.625rem}}:is(.app-frame,.lesson-shell,.lesson-workspace,.app-dialog){--text-xs:var(--fs-caption);--text-xs--line-height:var(--lh-caption);--text-sm:var(--fs-subhead);--text-sm--line-height:var(--lh-subhead);--text-base:var(--fs-body);--text-base--line-height:var(--lh-body);--text-lg:var(--fs-headline);--text-lg--line-height:var(--lh-headline);--text-xl:var(--fs-title3);--text-xl--line-height:var(--lh-title3);--text-2xl:var(--fs-title2);--text-2xl--line-height:var(--lh-title2);--text-3xl:var(--fs-title1);--text-3xl--line-height:var(--lh-title1);--text-4xl:var(--fs-display);--text-4xl--line-height:var(--lh-display)}.app-frame h1,.app-frame .learning-heading h1,.app-frame .settings-heading h1,.app-frame .home-welcome h1,.app-frame .catalog-heading-row h1,.app-frame .character-header h1,.type-title1{font-size:var(--fs-title1);line-height:var(--lh-title1);letter-spacing:var(--ls-title1);font-weight:700}.next-activity h2,.type-title2{font-size:var(--fs-title2);line-height:var(--lh-title2);letter-spacing:var(--ls-title2);font-weight:700}.lesson-question-title,.app-dialog-title,.lesson-science-tip h2,.type-title3{font-size:var(--fs-title3);line-height:var(--lh-title3);letter-spacing:var(--ls-title3);font-weight:600}.type-headline{font-size:var(--fs-headline);line-height:var(--lh-headline);letter-spacing:var(--ls-headline);font-weight:600}.lesson-choice-text,.settings-row>div>p:first-child{font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:0}.lesson-explanation,.lesson-science-tip p{font-size:var(--fs-body);line-height:var(--lh-explanation);letter-spacing:0}:is(.app-frame,.lesson-shell,.lesson-workspace,.app-dialog) :is(.app-button,.action-primary,.action-secondary,.invitation-action){font-size:var(--fs-callout);line-height:var(--lh-button);letter-spacing:0;font-weight:600}:is(.app-frame,.lesson-shell,.lesson-workspace,.app-dialog) :is(h1,h2,h3):not(.whitespace-nowrap,.truncate),.quiz-node{text-wrap:balance}:is(.app-frame,.lesson-shell,.lesson-workspace,.app-dialog) p:not(.whitespace-nowrap,.truncate,.lesson-feedback-status),.lesson-choice-text{text-wrap:pretty}.navigation-label{font-size:var(--fs-label);line-height:var(--lh-label)}.navigation-badge{font-size:var(--fs-label)}.tabular-nums,.lesson-header,.learning-progress,.learning-balance,.character-balance,.level-table,.numeric-hero{font-variant-numeric:tabular-nums lining-nums}.numeric-hero{font-size:var(--fs-numeric-hero);line-height:var(--lh-numeric-hero);font-weight:700}
.start-shell{--start-paper:#fff;--start-ink:#202720;--start-muted:#626b61;--start-green:#20a456;--start-green-text:#178344;--start-line:#dedfd7;--start-red:#c23a24;--start-gold:#d8b25a;--start-confetti-mint:#8fcfa6;--start-gap-related:16px;--start-gap-group:24px;--start-gap-action:32px;--start-gap-section:40px;--start-page-inset:24px;background:var(--start-paper);min-height:100svh;color:var(--start-ink);word-break:keep-all;overflow-wrap:anywhere;padding:env(safe-area-inset-top,0px) max(var(--start-page-inset), env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(var(--start-page-inset), env(safe-area-inset-left,0px))}.start-shell ::selection{color:#202720;background:#dce8d7}.start-shell :focus-visible{outline:2px solid var(--start-green);outline-offset:5px}.start-shell button,.start-shell a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.start-frame{width:100%;max-width:480px;min-height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));flex-direction:column;margin:auto;display:flex}.start-header{top:env(safe-area-inset-top,0px);z-index:3;background:var(--start-paper);flex:none;padding-top:22px;position:sticky}.start-progress-row{align-items:center;gap:20px;min-height:44px;display:flex}.start-back{background:0 0;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;margin-left:-8px;transition:background-color .16s;display:grid}.start-back:disabled{opacity:.4}.start-progress{background:#e8e9e2;border-radius:2px;flex:1;height:4px;overflow:hidden}.start-progress>span{background:var(--start-green);transform-origin:0;height:100%;transition:transform .25s var(--ease-out);display:block}.start-step-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;font-weight:500}.start-step-count>span{color:var(--start-muted)}.start-body{padding-top:clamp(30px,6svh,64px);padding-bottom:var(--start-gap-action);flex:1}.start-title{letter-spacing:-.04em;text-wrap:balance;white-space:pre-line;font-size:clamp(1.8125rem,7.8vw,2.375rem);font-weight:700;line-height:1.38}.start-title:focus{outline:none}.start-description{color:var(--start-muted);margin-top:18px;font-size:1rem;line-height:1.8}.start-body-welcome{flex-direction:column;display:flex}.start-footer{flex-direction:column;flex:none;gap:10px;padding-bottom:20px;display:flex}.start-primary{color:#fff;width:100%;min-height:56px;transition:transform .16s var(--ease-out), background-color .16s ease;background:#000;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:1rem;font-weight:500;line-height:1.5;display:flex}.start-primary:active:not(:disabled){transform:scale(.98)}.start-primary:disabled{color:#737b71;cursor:not-allowed;background:#e9eae4}.start-text-button{min-height:44px;color:var(--start-muted);text-align:center;text-underline-offset:4px;padding:10px 4px;font-size:.875rem;line-height:1.6;text-decoration-thickness:1px}.start-guest-carry{border-top:1px solid var(--start-line);margin-top:20px;padding-top:16px}.start-guest-carry p{color:var(--start-muted);font-size:.875rem;line-height:1.7}.start-guest-carry .start-text-button{text-align:left;margin-top:4px;padding-inline:0;text-decoration:underline}.start-text-button:disabled{opacity:.5;cursor:not-allowed}.start-text-button>span{color:var(--start-ink);margin-left:5px}.start-entry-links{justify-content:center;align-items:center;gap:10px;display:flex}.start-entry-links>a{min-height:44px;color:var(--start-muted);align-items:center;font-size:.8125rem;display:inline-flex}.start-topic-list{flex-direction:column;gap:12px;margin-top:36px;display:flex}.start-topic{border:1px solid var(--start-line);cursor:pointer;border-radius:16px;align-items:center;gap:20px;min-height:94px;padding:20px;transition:border-color .16s,background-color .16s;display:flex;position:relative}.start-topic[data-selected=true]{border-color:var(--start-green);background:#f3fbf5}.start-topic input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.start-topic:has(input:focus-visible){outline:2px solid var(--start-green);outline-offset:4px}.start-topic-copy{flex:1}.start-topic-copy strong{font-size:1.0625rem;font-weight:500;display:block}.start-topic-copy>span{color:var(--start-muted);margin-top:5px;font-size:.8125rem;display:block}.start-radio-mark{border:1px solid #bac1b5;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}[data-selected=true]>.start-radio-mark{background:var(--start-green);border-color:var(--start-green);color:#fff}.start-condition{margin-top:12px;font-size:.875rem}.start-science-figure{margin:var(--start-gap-group) auto;width:100%;max-width:360px}.start-carbon-figure{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;display:flex}.start-carbon-figure>span{color:var(--start-muted);font-size:.875rem}.start-science-figure svg{width:100%;display:block;overflow:visible}.science-label{fill:var(--start-muted);font-size:.875rem}.science-guide{stroke:#dedfd7;stroke-width:1px;stroke-dasharray:3 6}.science-ground{stroke:#b7bfb0;stroke-width:1.5px}.science-ball{fill:var(--start-green)}.science-ball-dark{fill:var(--start-ink)}.science-falling{transition:transform 1s linear(0, .01 10%, .04 20%, .09 30%, .16 40%, .25 50%, .36 60%, .49 70%, .64 80%, .81 90%, 1);transform:translateY(0)}[data-revealed=true] .science-falling{transform:translateY(123px)}.science-sun{fill:none;stroke:#9a792e;stroke-width:1.5px}.science-rays{fill:none;stroke:#b99d5e;stroke-width:1.5px}.science-light{stroke:#b99d5e;stroke-width:1.5px}.science-panel{fill:#e9eee5;stroke:#8a9d7b;stroke-width:1.5px}.science-panel-grid{fill:none;stroke:#a9b79c;stroke-width:1px}.science-circuit{fill:none;stroke:#bdc7b5;stroke-width:1.5px;transition:stroke .25s}.science-output{fill:var(--start-paper);stroke:#9ba78f;stroke-width:1.5px;transition:fill .25s}[data-revealed=true] .science-output{fill:var(--start-green);stroke:var(--start-green)}[data-revealed=true] .science-circuit{stroke:var(--start-green)}.start-concept-chain{margin-top:var(--start-gap-group);color:var(--start-green-text);flex-wrap:wrap;gap:10px;font-size:.8125rem;display:flex}.start-concept-chain>span{align-items:center;gap:10px;display:flex}.start-shell[data-screen=experiment]{padding-inline:0;background:var(--learning-paper);height:100dvh;min-height:0;color:var(--learning-ink);padding-bottom:0;overflow:hidden}.start-shell[data-screen=experiment] .start-frame{height:100%;min-height:0}.start-shell[data-screen=experiment] .start-header{margin-inline:max(var(--start-page-inset), env(safe-area-inset-left,0px));padding-bottom:12px;position:relative;top:auto}.start-quiz,.start-quiz-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.start-quiz .lesson-question-content{gap:var(--start-gap-group)}.start-quiz .lesson-question-title{white-space:pre-line}.start-quiz .start-science-figure{max-width:210px;margin:0 auto}.start-quiz .lesson-question-scroll{padding-inline:max(20px, env(safe-area-inset-left,0px)) max(20px, env(safe-area-inset-right,0px))}.start-quiz .lesson-explanation-title{font-size:var(--fs-body);margin:0 0 12px;font-weight:700;line-height:1.65}.start-quiz .start-concept-chain{color:var(--learning-green);margin-top:16px}.start-quiz-retry{min-height:44px;color:var(--learning-green);font-size:var(--fs-subhead);text-underline-offset:4px;align-items:center;margin-top:12px;text-decoration:underline;display:inline-flex}.start-quiz .lesson-action-dock{padding-inline:max(20px, env(safe-area-inset-left,0px)) max(20px, env(safe-area-inset-right,0px));flex-direction:column;gap:8px;display:flex}.start-quiz[data-revealed] .lesson-action-dock{border-top:0}.start-quiz .lesson-feedback-scroll{padding-inline:max(20px, env(safe-area-inset-left,0px)) max(20px, env(safe-area-inset-right,0px))}.start-quiz .lesson-choice-verdict{white-space:nowrap}@media (max-height:740px){.start-quiz .start-science-figure{max-width:160px}.start-quiz .lesson-choice-row[data-collapse=true]{opacity:0;max-height:0;padding-bottom:0;overflow:hidden}}@media (orientation:landscape) and (max-height:500px) and (min-width:640px){.start-shell[data-screen=experiment] .start-frame{max-width:960px}.start-quiz-body:has(.lesson-result-panel){grid-template-columns:minmax(0,1fr) minmax(260px,40%);display:grid}.start-quiz .lesson-result-panel{max-height:100%;margin:12px 12px 12px 0}}@media (prefers-reduced-motion:reduce){.start-quiz .lesson-choice-row{transition:none}}.start-body-account,.start-body-ready{flex-direction:column;justify-content:center;padding-top:16px;display:flex}.start-body-account .start-title,.start-body-ready .start-title{font-size:clamp(1.6875rem,7vw,2.125rem)}.login-provider-stack .login-provider-button{min-height:58px;color:var(--start-ink,#202720);transition:box-shadow .16s ease, transform .16s var(--ease-out);background:#fff;border:1px solid #20272012;border-radius:999px;gap:12px;padding:15px 24px;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #2027200d,0 6px 16px -6px #2027201f}.login-provider-stack .login-provider-button svg{flex-shrink:0}.login-provider-stack .login-provider-button:active:not(:disabled){transform:scale(.98);box-shadow:0 1px 2px #2027200f}.start-error{color:#a43425;margin-top:16px;font-size:.875rem;line-height:1.7}.start-privacy{text-align:center;color:var(--start-muted);font-size:.75rem}.start-privacy a{text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.start-name-label{margin-top:var(--start-gap-action);font-size:.875rem;display:block}.start-name-label input{border-bottom:1px solid var(--start-line);width:100%;caret-color:var(--start-green);background:0 0;border-radius:0;margin-top:5px;padding:14px 0;font-size:1.125rem;display:block}.start-name-label input::placeholder{color:var(--start-muted)}.start-nickname-hint{color:var(--start-muted);margin-top:16px;font-size:.875rem;line-height:1.7}.start-school-field>label>span{color:var(--start-muted);margin-left:6px;font-size:.75rem}.start-school-field input{border:0;border-bottom:1px solid var(--start-line);color:inherit;caret-color:var(--start-green);background:0 0;border-radius:0;margin-top:5px;padding:14px 32px 14px 0;font-size:1.125rem}.start-school-field input:focus{border-color:var(--start-ink)}.start-school-field input::placeholder{color:var(--start-muted)}.start-loading{text-align:center;place-content:center;display:grid}.start-loading-recovery{color:var(--start-muted);margin-top:40px;font-size:.875rem}@keyframes start-fade{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (pointer:fine){.start-primary:hover:not(:disabled){background:#1c1c1c}.start-back:hover{background:#f3fbf5}.login-provider-stack .login-provider-button:hover:not(:disabled){opacity:1;box-shadow:0 2px 4px #2027200f,0 10px 22px -8px #20272029}.start-text-button:hover:not(:disabled),.start-entry-links a:hover,.start-privacy a:hover{color:var(--start-ink);text-decoration:underline}.start-topic:hover{border-color:#99aa90}}@media (min-width:768px){.start-frame{max-width:480px;min-height:min(900px,100svh)}.start-header{padding-top:32px}.start-body{padding-top:52px}.start-body-account,.start-body-ready{padding-top:24px}.start-footer{padding-bottom:36px}}@media (max-height:740px){.start-header{padding-top:12px}.start-body{padding-top:24px}.start-science-figure{max-width:240px}.start-carbon-figure{gap:10px;min-height:160px}.start-carbon-figure img{width:104px;height:104px}.start-topic-list{margin-top:24px}.start-topic{min-height:80px;padding:16px}}@media (max-width:359px){.start-shell{--start-page-inset:20px}.start-entry-links{gap:6px}.start-entry-links .start-text-button{font-size:.75rem}.start-topic{gap:14px}}.start-shell[data-keyboard=true] .start-progress>span{transition:none}@media (prefers-reduced-motion:reduce){.science-falling{transition:none}.start-primary,.start-progress>span,.login-provider-stack .login-provider-button{transition:background-color .16s}.start-primary:active:not(:disabled),.login-provider-stack .login-provider-button:active:not(:disabled){transform:none}}.start-header-spacer{flex:0 0 36px;width:36px}.start-loading{min-height:100svh;position:relative}.start-opening-title{margin:0}.start-brand{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(2.75rem,12vw,4.75rem);font-weight:700;line-height:1.15;display:inline-flex}.start-brand>span{display:inline-block}.start-brand[data-animated=true]>span{animation:start-letter-appear .7s var(--ease-out) both}html[data-native-launch=true] .start-brand[data-animated=true]>span{animation:none}.start-loading-recovery{position:absolute;top:calc(50% + 90px);left:24px;right:24px}.start-body-welcome{justify-content:center;padding-block:8px 20px}.start-statement{text-align:center;flex:1;place-items:center;min-height:420px;display:grid;position:relative}.start-learn-title{letter-spacing:-.015em;width:100%;color:var(--start-ink);margin:0;font-size:clamp(4.25rem,22.5vw,6.75rem);font-weight:700;line-height:1;display:block}.start-learn-title:focus{outline:none}.start-welcome{--welcome-cycle-start:.6s;display:block}.start-welcome[data-arrival=launch]{--welcome-cycle-start:.9s}.start-welcome-art{inset:0 calc(-1 * var(--start-page-inset));pointer-events:none;position:absolute;container-type:size}.start-welcome-art[data-layer=front]{z-index:2}.start-welcome-object{left:calc(50% + var(--welcome-x));top:calc(50% + var(--welcome-y));width:var(--welcome-size);aspect-ratio:1;position:absolute;translate:-50% -50%}.start-welcome-float{width:100%;height:100%;animation:launch-drift var(--welcome-drift) var(--ease-in-out) infinite both;display:block;position:relative}.start-welcome-icon{object-fit:contain;width:100%;height:100%;rotate:var(--welcome-tilt);scale:var(--welcome-scale);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:start-icon-turn 3.6s var(--ease-out) calc(var(--welcome-cycle-start) + var(--welcome-turn) * 1.2s) infinite both;display:block;position:absolute;inset:0}.start-welcome-icon[data-turn="0"]{animation:start-icon-first 1.2s var(--ease-out) var(--welcome-cycle-start) both, start-icon-turn 3.6s var(--ease-out) calc(var(--welcome-cycle-start) + 3.6s) infinite}.start-welcome-icon:not([data-turn="0"]){opacity:0}.start-welcome:not([data-arrival=launch]) .start-welcome-object{animation:start-welcome-pop .7s var(--ease-out) calc(var(--welcome-order) * 45ms) both}.start-learn-lines{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.start-learn-row{height:1.12em;line-height:1.12;display:block}.start-learn-word{display:inline-block}.start-word-window{width:100%;height:1.16em;position:relative;overflow:hidden}.start-cycling-word{opacity:0;animation:start-word-cycle 3.6s var(--ease-out) calc(var(--welcome-cycle-start) + var(--welcome-turn) * 1.2s) infinite both;place-items:center;padding-bottom:.06em;display:grid;position:absolute;inset:0}.start-cycling-word[data-turn="0"]{animation:start-word-first 1.2s var(--ease-out) var(--welcome-cycle-start) both, start-word-cycle 3.6s var(--ease-out) calc(var(--welcome-cycle-start) + 3.6s) infinite}.start-launch-rest{z-index:10;letter-spacing:-.04em;color:var(--start-ink,#202720);white-space:nowrap;pointer-events:none;font-weight:700;line-height:1.15;position:fixed}@keyframes start-letter-appear{0%{opacity:0;transform:translateY(22%)}to{opacity:1;transform:translateY(0)}}@keyframes start-welcome-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes start-word-cycle{0%{opacity:0;transform:scale(.3)}3.5%{transform:scale(1.08)}5%,28%{opacity:1;transform:none}33%,to{opacity:0;transform:scale(.3)}}@keyframes start-word-first{0%,84%{opacity:1;transform:none}99%,to{opacity:0;transform:scale(.3)}}@keyframes start-icon-turn{0%{opacity:0;transform:scale(.3)rotate(-24deg)}3.5%{transform:scale(1.08)rotate(4deg)}5%,28%{opacity:1;transform:none}33%,to{opacity:0;transform:scale(.3)rotate(24deg)}}@keyframes start-icon-first{0%,84%{opacity:1;transform:none}99%,to{opacity:0;transform:scale(.3)rotate(24deg)}}@media (max-height:740px){.start-statement{min-height:360px}.start-learn-title{font-size:clamp(3.75rem,19.5vw,5.75rem)}}@media (prefers-reduced-motion:reduce){.start-brand[data-animated=true]>span,.start-cycling-word[data-turn],.start-welcome-icon[data-turn]{animation:none}.start-cycling-word[data-turn="0"]{opacity:1}.start-welcome-icon:not([data-turn="0"]){visibility:hidden}.start-welcome-float{animation:none}.start-welcome:not([data-arrival=launch]) .start-welcome-object{animation:.16s both start-fade}}.science-carbon{color:var(--start-ink);stroke:currentColor;stroke-width:1.5px;fill:none}.science-carbon .electron,.science-carbon .proton{fill:var(--start-green)}.science-carbon .neutron{fill:#fff}.science-carbon text{stroke:none;fill:currentColor;font-size:.875rem}.legal-consent{text-align:left;color:var(--start-ink,#202720);grid-template-columns:auto 1fr;align-items:start;column-gap:8px;margin-bottom:16px;font-size:.875rem;line-height:1.6;display:grid}.legal-consent input{width:18px;height:18px;accent-color:var(--start-green,#20a456);margin:calc(.7rem - 9px) 0 0}.legal-consent label{cursor:pointer;min-height:24px}.legal-consent a{text-underline-offset:3px;text-decoration:underline}.start-unit-list{margin-top:var(--start-gap-action);border-top:1px solid var(--start-line);flex-direction:column;display:flex}.start-unit{border-bottom:1px solid var(--start-line);cursor:pointer;align-items:center;gap:12px;min-height:54px;padding:0 4px;display:flex;position:relative}.start-unit input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.start-unit:has(input:focus-visible){outline:2px solid var(--start-green);outline-offset:2px}.start-unit-title{flex:1;align-items:center;gap:8px;font-size:1rem;line-height:1.5;display:flex}.start-unit[data-selected=true] .start-unit-title{color:var(--start-green);font-weight:600}@media (max-height:740px){.start-unit{min-height:48px}}.start-guide{--guide-size:76;z-index:1;flex:none;align-items:center;gap:12px;padding-top:clamp(20px,4svh,36px);display:flex;position:relative}.start-guide[data-airborne]{z-index:4}.start-guide[data-layout=stage]{--guide-size:168;flex-direction:column-reverse;justify-content:center;gap:20px}.start-guide[data-screen=greeting]{--guide-size:240;flex:1;gap:26px;padding-block:20px 40px}.start-guide-bot{width:calc(var(--guide-size) * 1px);height:calc(var(--guide-size) * 1px);flex:none;position:relative}.start-guide-drop,.start-guide-scale{position:absolute;top:0;left:0}.start-guide-drop{width:100%;height:100%}.start-guide-drop[data-drop]{animation:.46s cubic-bezier(.55,0,1,.45) both start-guide-drop}.start-guide-scale{transform-origin:0 0;width:240px;height:240px;scale:calc(var(--guide-size) / 240)}.start-guide-speech{border:1px solid var(--start-line);background:#fff;border-radius:22px;width:fit-content;min-width:0;max-width:100%;padding:13px 18px;position:relative}.start-guide-speech:before{content:"";background:inherit;border-left:1px solid var(--start-line);border-bottom:1px solid var(--start-line);border-bottom-left-radius:3px;width:12px;height:12px;position:absolute;top:calc(50% - 6px);left:-7px;transform:rotate(45deg)}.start-guide[data-layout=stage] .start-guide-speech{text-align:center}.start-guide[data-layout=stage] .start-guide-speech:before{border-left:0;border-right:1px solid var(--start-line);border-bottom-right-radius:3px;border-bottom-left-radius:0;top:auto;bottom:-7px;left:calc(50% - 6px)}.start-guide-line{letter-spacing:-.025em;white-space:pre-line;text-wrap:balance;color:var(--start-ink);margin:0;font-size:clamp(1.0625rem,4.6vw,1.25rem);font-weight:700;line-height:1.5;position:relative}.start-guide-line:focus{outline:none}.start-guide-words{display:block}.start-guide[data-screen=greeting] .start-guide-speech{border-radius:26px;padding:18px 28px}.start-guide[data-screen=greeting] .start-guide-line{letter-spacing:-.035em;font-size:clamp(1.5rem,6.6vw,1.875rem);line-height:1.45}.start-guide[data-screen=account] .start-guide-line{font-size:clamp(1.1875rem,5.2vw,1.4375rem)}.start-guide[data-layout=row]+.start-body{padding-top:var(--start-gap-group);justify-content:flex-start}.start-guide[data-layout=row]+.start-body>.start-description:first-child{margin-top:0}.start-shell[data-screen=account] .start-guide{margin-top:auto;padding-top:16px}.start-shell[data-screen=account] .start-body-account{flex:none;justify-content:flex-start;margin-bottom:auto;padding-top:20px}.start-body-account .start-description{text-align:center;margin-top:0}.start-shell[data-screen=experiment] .start-guide{margin-inline:max(20px, env(safe-area-inset-left,0px)) max(20px, env(safe-area-inset-right,0px));padding-block:4px 12px}.start-solo-bot{margin:0 auto 24px;display:block}@keyframes start-guide-drop{0%{transform:translateY(-62vh)}to{transform:none}}@media (max-height:740px){.start-guide{--guide-size:68}.start-guide[data-layout=stage]{--guide-size:132}.start-guide[data-screen=greeting]{--guide-size:200;gap:20px;padding-block:12px 28px}.start-guide[data-screen=greeting] .start-guide-line{font-size:1.5rem}}@media (max-height:520px){.start-guide[data-layout=stage]{--guide-size:104}.start-guide[data-screen=greeting]{--guide-size:140}}@media (max-width:359px){.start-guide{--guide-size:64;gap:10px}}@media (prefers-reduced-motion:reduce){.start-guide-drop[data-drop]{animation:.16s both start-fade}}
.launch-scene{isolation:isolate;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);place-items:center;display:grid;position:absolute;inset:0;overflow:clip}.launch-wordmark{z-index:2;pointer-events:none;background:0 0;padding:0;position:relative}.launch-art{inset:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);pointer-events:none;position:absolute}.launch-space{width:min(100%,780px);height:min(82svh,720px);position:absolute;top:50%;left:50%;translate:-50% -50%;container-type:size}.launch-object{width:var(--launch-size);aspect-ratio:1;opacity:0;translate:-50% -50%;transform:translate3d(var(--launch-x), var(--launch-y), 0) rotate(var(--launch-tilt));position:absolute;top:50%;left:50%}.launch-float{width:100%;height:100%}.launch-object img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.launch-scene[data-phase=playing] .launch-art{animation:3.6s linear both launch-lifetime}.launch-scene:is([data-phase=playing],[data-phase=leaving]) .launch-object{animation:launch-emerge 1.1s var(--ease-out) calc(.12s + var(--launch-delay)) both}.launch-scene:is([data-phase=playing],[data-phase=leaving]) .launch-float{animation:launch-drift var(--launch-drift) var(--ease-in-out) calc(.5s + var(--launch-delay)) 2 both}.launch-scene[data-phase=leaving] .launch-object{opacity:1}.launch-scene[data-phase=leaving] .launch-art{animation:launch-depart .22s var(--ease-out) both}.launch-scene[data-phase=settled] .launch-art{visibility:hidden}.launch-scene[data-paused=true] .launch-art,.launch-scene[data-paused=true] .launch-object,.launch-scene[data-paused=true] .launch-float{animation-play-state:paused}.launch-skip{z-index:3;bottom:max(24px, env(safe-area-inset-bottom,0px));min-height:44px;color:var(--start-muted);cursor:pointer;background:0 0;padding:10px 20px;font-size:.8125rem;transition:color .16s;position:absolute;left:50%;translate:-50%}.launch-scene[data-phase=leaving] .launch-skip{opacity:0;pointer-events:none}.start-loading:has(.launch-scene) .start-loading-recovery{z-index:4;background:var(--start-paper);padding:12px}@media (hover:hover) and (pointer:fine){.launch-skip:hover{color:var(--start-ink)}}@keyframes launch-emerge{0%{opacity:0;transform:translate3d(var(--launch-origin-x,0px), var(--launch-origin-y,0px), 0) rotate(calc(var(--launch-tilt) * -.5)) scale(.92)}18%{opacity:1}to{opacity:1;transform:translate3d(var(--launch-x), var(--launch-y), 0) rotate(var(--launch-tilt)) scale(1)}}@keyframes launch-drift{0%,to{transform:translate(0,0)rotate(0)}35%{transform:translate(4px,-12px)rotate(4deg)}70%{transform:translate(-3px,6px)rotate(-3deg)}}@keyframes launch-lifetime{0%,to{opacity:1}}@keyframes launch-depart{0%{opacity:1}to{opacity:0}}@media (max-height:500px) and (min-width:600px){.launch-space{width:min(72%,680px);height:70svh}.launch-object{width:calc(var(--launch-size) * .58)}.launch-wordmark .start-brand{font-size:2.75rem}}@media (prefers-reduced-motion:reduce){.launch-scene[data-phase=playing] .launch-art{animation-duration:.6s}.launch-scene:is([data-phase=playing],[data-phase=leaving]) .launch-object{animation:.2s both start-fade}.launch-scene:is([data-phase=playing],[data-phase=leaving]) .launch-float{animation:none}.launch-scene[data-phase=leaving] .launch-art{animation-duration:.16s}}
@layer theme;@layer base{button:not(:disabled),[role=button]{cursor:pointer}}@layer components,utilities,components.foundation,components.refinement;@layer components.responsive{.app-frame{padding-top:env(safe-area-inset-top)}:is(.learning-page,.catalog-page,.character-header,.workspace-page,.character-actionbar){padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}.learning-page,.catalog-page{max-width:var(--page-max)}.character-actionbar{bottom:calc(var(--nav-inset) + 12px)}@media (max-width:1023px){.character-actionbar>div{min-height:var(--nav-h);flex-direction:column;justify-content:center;display:flex}}.app-wordmark{min-height:44px}html[data-keyboard-open] .app-navigation{display:none}html[data-keyboard-open] .workspace-page{height:var(--keyboard-viewport-height);padding-bottom:12px}html[data-keyboard-open] .app-content{margin-left:0}html[data-keyboard-open] .start-footer,.start-shell[data-keyboard=true] .start-footer{background:#fff;position:sticky;bottom:0}@media (pointer:coarse){:is(.app-frame,.lesson-workspace) :is(button,a,summary,[role=button]):not(.sr-only):not(.skip-link),.curriculum-filter a{min-height:44px}}@media (min-width:768px) and (min-height:1000px){.start-shell{display:flex}.start-frame{margin-block:auto}}@media (min-width:1024px){.home-welcome>a[href=\/live],.catalog-heading-row>a[href=\/live]{display:none}}@media (orientation:landscape) and (max-height:500px){.app-navigation{background:var(--learning-canvas);border-radius:0;width:64px;max-width:none;margin:0;padding:8px 4px;display:flex;inset:0 auto 0 0}.navigation-links{flex-direction:column;gap:2px;width:100%;margin:0}.navigation-link{flex:1;width:100%;min-height:44px;padding:4px}.navigation-label{font-size:var(--fs-caption)}.navigation-active-layer,.navigation-active-pill,.navigation-sidebar-indicator,.app-wordmark,.navigation-classroom{display:none}.navigation-link[aria-current]{background:var(--action);color:#fff}.app-content{margin-left:64px}.nav-safe-bottom{padding-bottom:16px}.app-toast,.character-actionbar{bottom:max(12px,env(safe-area-inset-bottom))}.lesson-session-header{min-height:44px}.lesson-resume-notice{display:none}}.learning-page{container-type:inline-size}.home-columns{grid-template-columns:minmax(0,1fr)}.home-columns>*{min-width:0}@container (min-width:680px){.home-columns{grid-template-columns:minmax(0,1fr) 248px}.growth-panel{position:sticky;top:24px}}.catalog-header,.catalog-body{max-width:none}.quiz-node{width:144px}.boss-node{width:184px}.curriculum-sidebar{display:none}.lesson-workspace{width:100%;max-width:448px;margin-inline:auto}.lesson-body{display:contents}.lesson-reading-hint{display:none}.wardrobe-content{width:100%;min-width:0;padding:24px var(--gutter)}.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.character-header{padding-block:32px 0}.character-page{max-width:var(--page-max);margin-inline:auto}.character-header>div{max-width:none}@media (min-width:744px){.curriculum-filter{flex-wrap:wrap}.quiz-path{--path-offset:1.25;max-width:520px}.quiz-node{width:160px}.boss-node{width:200px}.lesson-workspace{max-width:672px}.lesson-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.lesson-question-scroll{flex:1 1 0;overflow-y:auto}.lesson-result-panel{border:var(--hairline);border-radius:var(--r-lg);flex:none;max-height:min(360px,45%);margin:0 20px 12px}.lesson-feedback-scroll{max-height:320px}.wardrobe-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.character-preview{min-height:200px;margin-top:24px}.learning-section{margin-top:44px}}@media (min-width:1180px){.home-columns{grid-template-columns:minmax(0,1fr) 280px}.study-catalog-body{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:32px;display:grid}.curriculum-filter{display:none}.curriculum-sidebar{flex-direction:column;gap:2px;display:flex;position:sticky;top:24px}.curriculum-sidebar a{border-radius:var(--r-sm);align-items:center;gap:12px;min-height:52px;padding:9px 12px;transition:background-color .15s;display:flex}.curriculum-sidebar a:hover{background:#17181b09}.curriculum-sidebar a>span:last-child{min-width:0}.curriculum-sidebar strong{font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.curriculum-sidebar small{font-size:var(--fs-caption);color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:1px;display:block}.curriculum-sidebar a[aria-current]{background:#17634014}.curriculum-sidebar a[aria-current] strong{color:var(--brand)}.quiz-path{width:100%}.character-page{padding-inline:var(--gutter);grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.character-header{padding-inline:0;position:sticky;top:0}.character-header>div>div:first-child{flex-wrap:wrap;gap:12px}.character-preview{flex-direction:column}.wardrobe-content{padding-inline:0}.character-actionbar{grid-column:1;padding:0;position:sticky;bottom:16px}}@media (orientation:landscape) and (max-height:500px){.growth-panel{display:none}.home-columns{grid-template-columns:minmax(0,1fr)}.lesson-workspace{max-width:1120px}.lesson-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(260px,38%);gap:12px;min-height:0;display:grid;overflow:hidden}.lesson-question-scroll{height:100%;padding-top:12px;overflow-y:auto}.lesson-result-panel{flex:none;min-height:0;max-height:100%;margin:12px 12px 0 0}.lesson-reading-hint{color:var(--ink-2);padding:20px;display:block}.character-page{grid-template-columns:40% minmax(0,1fr);display:grid}.character-preview{padding:12px}}.home-welcome{flex-wrap:nowrap;align-items:center}.home-welcome>div{flex:auto}.home-welcome>a{min-height:36px;font-size:var(--fs-footnote);padding:0 14px}.next-activity,.growth-panel{padding:24px}.curriculum-filter{z-index:10;background:var(--learning-canvas);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x proximity;position:sticky;top:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 24px),#0000)}.curriculum-filter a{scroll-snap-align:start;border:var(--hairline)}.curriculum-filter a:not([aria-current]){background:#fff}.unit-head-card{border:1px solid var(--learning-edge);background:var(--learning-card-gradient);box-shadow:var(--learning-shadow);border-radius:24px;overflow:hidden}.unit-head-card.quiz-node-current{border-color:#18191d;box-shadow:0 6px 16px #18191d12}.unit-head-card.quiz-node-locked{box-shadow:none;background:#f4f6f4}.unit-head-row{align-items:center;gap:12px;padding:16px 14px 14px 16px;display:flex}.unit-head-card .unit-guide-link{background:var(--soft);border:0;border-radius:12px;width:44px;height:44px}.unit-head-tutor{min-height:44px;font-size:var(--fs-footnote);color:var(--learning-ink);background:#f9fafb;border-top:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 14px 10px 16px;font-weight:600;display:flex}.unit-head-tutor:focus-visible{outline:2px solid var(--action);outline-offset:-2px}.unit-head-stem{background:var(--line);width:1px;height:28px;margin:0 auto}.unit-head-stem[data-on]{background:var(--brand)}.unit-path-progress{background:var(--line);height:3px;overflow:hidden}.unit-path-progress span{background:var(--progress);transform-origin:0;height:100%;transition:transform var(--dur-base);display:block}.lesson-stars{align-items:center;gap:0;display:inline-flex}.lesson-stars>*{flex:none;margin-inline:-1px;display:block}.lesson-star-slot{display:inline-block}.path-stars>*{filter:drop-shadow(1.5px 0 #fff)drop-shadow(-1.5px 0 #fff)drop-shadow(0 1.5px #fff)drop-shadow(0 -1.5px #fff)}.settings-support-link{width:100%;min-height:48px;display:flex}.settings-section{border:var(--hairline);box-shadow:var(--elev-1)}.settings-row>button{margin-inline-end:-12px}.character-create{min-height:44px}.character-balance{align-items:center;min-height:44px;padding:0;display:inline-flex}.wardrobe-item{border:1px solid var(--line)}.wardrobe-item[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;display:flex}.empty-state h2{font-size:var(--fs-headline);font-weight:700}.empty-state p{font-size:var(--fs-callout);color:var(--ink-2);max-width:28em;line-height:1.7}.error-card{background:var(--lesson-error-soft);border:1px solid var(--error-line);color:var(--error-ink);border-radius:16px;padding:20px}.error-card h2{font-size:var(--fs-callout);margin-bottom:16px;font-weight:700}@media (pointer:coarse){.home-welcome>a{min-height:44px}}@media (prefers-reduced-motion:reduce){.unit-path-progress span{transition:none}}.settings-page{max-width:var(--page-max)}.settings-sections{max-width:760px}.support-contact{padding-inline:0}.support-faq summary{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.leaderboard-summary{margin-bottom:24px}@media (min-width:1180px){.leaderboard-page{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:24px;display:grid}.leaderboard-page>.learning-heading{grid-column:1/-1}.leaderboard-summary{position:sticky;top:24px}}.app-button,.action-primary,.action-secondary{white-space:normal;height:auto;min-height:52px}.catalog-heading-row{flex-wrap:wrap}.catalog-heading-row h1,.home-welcome h1{overflow-wrap:anywhere;min-width:0}.learning-balance{flex-wrap:wrap}.lesson-header{min-width:0;padding-inline:max(8px,env(safe-area-inset-left))}.lesson-header>.flex-1{min-width:12px}.lesson-combo-chip{font-size:var(--fs-caption);width:auto;min-width:54px;padding-inline:4px}@media (max-width:359px){.lesson-header{gap:4px}.lesson-mute{width:36px;min-width:36px}.home-welcome{flex-wrap:wrap}}@media (max-width:250px){.app-navigation{padding-inline:4px;left:4px;right:4px}.navigation-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-path{overflow-x:auto}}@media (max-width:743px){.lesson-choices[data-graded=true] .lesson-choice{gap:8px;padding:12px;position:relative}.lesson-choices[data-graded=true] .lesson-choice-verdict{background:var(--learning-paper);border-radius:4px;padding:0 5px;position:absolute;top:-10px;right:12px}.lesson-choices[data-graded=true] .lesson-choice-row{padding-top:6px}}@media (max-height:600px) and (max-width:743px){.lesson-workspace .lesson-result-panel{flex-basis:152px}.lesson-workspace .lesson-result-panel[data-compact=true]{flex-basis:var(--lesson-feedback-compact-h)}.lesson-choices[data-graded=true] .lesson-choice-text{line-height:1.5}.lesson-choices[data-graded=true] .lesson-choice{padding:8px}}@media (pointer:coarse){:is(.app-frame,.lesson-workspace) :is(button,a,summary,[role=button]):not(.sr-only):not(.skip-link){min-width:44px}.wardrobe-categories{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}}@media (max-width:300px){.quiz-path{--path-offset:0}.login-prompt{padding:16px}.login-provider-stack{grid-template-columns:1fr}}@media (min-width:1180px) and (max-width:1235px){.workspace-page{padding-inline:24px}}}:root{--nav-h:60px;--nav-inset:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));--gutter:16px;--page-max:1180px}@media (min-width:360px){:root{--gutter:22px}}@media (min-width:430px){:root{--gutter:24px}}@media (min-width:744px){:root{--gutter:36px;--nav-h:72px}}@media (min-width:1024px){:root{--gutter:44px;--nav-inset:0px}}:root{--error-line:#f4c7c1;--error-ink:#7a271a}summary{list-style:none}summary::-webkit-details-marker{display:none}:root{--progress:linear-gradient(90deg,#158579,#209765)}.brand-illustration svg path[stroke]{vector-effect:non-scaling-stroke;stroke-width:1.75px}
.today-panel{padding:22px 22px 8px}.today-goal{align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.today-ring{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;position:relative}.today-ring>.today-ring-svg{position:absolute;inset:0}.today-ring-fill{transition:stroke-dashoffset var(--dur-reveal) var(--ease-out)}.today-ring-check{color:var(--learning-green);position:relative}.today-goal-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.today-goal-head h3,.today-quests-head h3{font-size:var(--fs-callout);font-weight:700;line-height:1.6}.today-goal-line{font-size:var(--fs-footnote);color:var(--learning-secondary);margin-top:2px;line-height:1.65}.today-goal-line.is-celebrate{color:var(--learning-green);align-items:center;gap:4px;font-weight:600;display:inline-flex}.today-streak{font-size:var(--fs-footnote);color:var(--learning-secondary);margin-top:6px;line-height:1.65}.today-streak.is-open{color:var(--learning-ink);font-weight:500}.today-powerups{flex-wrap:wrap;gap:4px 14px;margin-top:8px;display:flex}.today-powerups .status-label{color:var(--learning-green);font-weight:500}.today-quests{border-top:1px solid var(--learning-line);padding-top:14px}.today-quests-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.today-quests ul{flex-direction:column;display:flex}.quest-row{align-items:center;gap:16px;min-height:60px;padding:8px 0;display:flex}.quest-row+.quest-row{border-top:1px solid var(--learning-line)}.quest-label{font-size:var(--fs-subhead);margin-bottom:7px;font-weight:500;line-height:1.6}.quest-row.is-claimed .quest-label{color:var(--learning-secondary)}.quest-row.is-claimed .slim-progress>span{background:var(--progress-track)}.quest-side{flex-shrink:0;justify-content:flex-end;gap:8px;min-width:100px}.action-primary.quest-claim{flex-shrink:0;gap:8px;min-width:100px;min-height:44px;padding:8px 14px}.reminder-prompt{padding:22px}.reminder-prompt h2{font-size:var(--fs-callout);font-weight:700;line-height:1.6}.reminder-prompt p{font-size:var(--fs-footnote);color:var(--learning-secondary);max-width:var(--measure-read);margin-top:4px;line-height:1.7}.reminder-prompt-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.reminder-prompt-actions>button{min-height:44px}.reminder-time-select{border:1px solid var(--control-border,var(--learning-line));background:var(--learning-paper);min-height:44px;color:var(--learning-ink);font-size:var(--fs-callout);border-radius:12px;padding:8px 12px}@media (min-width:744px){.today-panel{padding:26px 28px 10px}.today-goal{gap:20px}}@media (prefers-reduced-motion:reduce){.today-ring-fill{transition:none}}
.tutor-bot{flex-shrink:0;line-height:0;display:inline-block;position:relative}.tutor-bot-poster{pointer-events:none;max-width:none;transition:opacity .3s ease-out;position:absolute;top:0;left:0}.tutor-bot-poster[data-hidden]{opacity:0}.tutor-stage{min-height:calc(100dvh - env(safe-area-inset-top,0px) - 260px - var(--nav-inset));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:12px 0 8px;display:flex}.tutor-stage-bot{margin-top:18px}.tutor-says{background:var(--learning-paper);border:1px solid var(--learning-line);max-width:22rem;box-shadow:var(--learning-shadow);font-size:var(--fs-headline);letter-spacing:-.015em;color:var(--learning-ink);text-wrap:balance;border-radius:24px;padding:14px 20px;font-weight:600;line-height:1.6;position:relative}.tutor-says:before{content:"";background:inherit;border-right:1px solid var(--learning-line);border-bottom:1px solid var(--learning-line);border-bottom-right-radius:3px;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.tutor-stage-foot{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px;margin-top:8px;display:flex}.tutor-stage-meta{font-size:var(--fs-caption);color:var(--learning-secondary)}.tutor-stage-action{width:100%;max-width:22rem;margin-top:22px}.tutor-stage-other{min-height:44px;font-size:var(--fs-footnote);color:var(--learning-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--learning-line);text-decoration-color:var(--learning-line);text-underline-offset:4px;padding:0 12px;font-weight:500;transition:color .16s}.tutor-stage-other:hover{color:var(--learning-ink)}.tutor-pick-list{margin:8px 0 0;padding:0;list-style:none}.tutor-pick-row{border-bottom:1px solid var(--learning-line);text-align:left;align-items:center;gap:14px;min-height:64px;padding:10px 0;display:flex}.tutor-pick-list li:last-child .tutor-pick-row{border-bottom:0}.tutor-pick-row>svg{color:#8a8d93;flex-shrink:0}.tutor-pick-row:hover b{color:var(--learning-green)}.tutor-pick-text{flex-direction:column;flex:1;min-width:0;display:flex}.tutor-pick-text b{font-size:var(--fs-callout);font-weight:650;line-height:1.5}.tutor-pick-text small{font-size:var(--fs-footnote);color:var(--learning-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.tutor-lesson-mark{border:1.5px solid var(--learning-line);width:32px;height:32px;font-size:var(--fs-footnote);color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.tutor-lesson-mark[data-done]{background:var(--brand);color:#fff;border-color:#0000}.tutor-pick-quiz{border:1px solid var(--learning-line);min-height:48px;font-size:var(--fs-subhead);border-radius:28px;justify-content:center;align-items:center;margin-top:12px;font-weight:600;display:flex}.workspace-page{width:100%}.tutor-chat-wrap{--tutor-bubble:#f1f3f0;--tutor-field:#f6f7f5;flex:1;justify-content:center;min-width:0;min-height:0;display:flex}.tutor-chat{background:var(--learning-paper);flex-direction:column;width:100%;min-width:0;max-width:720px;min-height:0;display:flex;position:relative}.tutor-topbar{flex-shrink:0;align-items:center;gap:10px;padding:2px 0 10px;display:flex}.tutor-topbar-title{min-width:0;font-size:var(--fs-callout);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.tutor-icon-button{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .16s,color .16s;display:grid}.tutor-icon-button:hover{background:var(--tutor-bubble);color:var(--learning-ink)}.tutor-progress{background:var(--progress-track);border-radius:99px;flex:1;height:8px;overflow:hidden}.tutor-progress>span{border-radius:inherit;background:var(--progress-end);height:100%;transition:width .32s cubic-bezier(.23,1,.32,1);display:block}.tutor-notice{font-size:var(--fs-caption);color:var(--learning-secondary);margin:0 4px 8px}.tutor-problem:focus{outline:none}.tutor-problem:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:20px}.tutor-problem{--problem-bot:64;flex-shrink:0;align-items:flex-start;gap:12px;padding-top:4px;display:flex}.tutor-problem:not([data-open]){--problem-bot:40;align-items:center;gap:10px}.tutor-problem-bot{width:calc(var(--problem-bot) * 1px);height:calc(var(--problem-bot) * 1px);flex-shrink:0;transition:width .26s cubic-bezier(.23,1,.32,1),height .26s cubic-bezier(.23,1,.32,1);position:relative}.tutor-problem-bot-scale{transform-origin:0 0;width:64px;height:64px;scale:calc(var(--problem-bot) / 64);transition:scale .26s cubic-bezier(.23,1,.32,1);position:absolute;top:0;left:0}.tutor-problem-speech{background:var(--learning-paper);border:1px solid var(--learning-line);border-radius:20px;flex:0 auto;min-width:0;padding:12px 16px 13px;position:relative}.tutor-problem-speech:before{content:"";background:inherit;border-left:1px solid var(--learning-line);border-bottom:1px solid var(--learning-line);border-bottom-left-radius:3px;width:12px;height:12px;position:absolute;top:22px;left:-7px;transform:rotate(45deg)}.tutor-problem:not([data-open]) .tutor-problem-speech{border-radius:18px;flex:1;padding:0}.tutor-problem:not([data-open]) .tutor-problem-speech:before{top:calc(50% - 6px)}.tutor-problem-stem{font-size:var(--fs-headline);letter-spacing:-.015em;color:var(--learning-ink);white-space:pre-wrap;max-height:40dvh;margin:0;font-weight:700;line-height:1.6;overflow-y:auto}.tutor-problem-foot{align-items:center;gap:8px;margin-top:6px;display:flex}.tutor-problem-intro{min-width:0;font-size:var(--fs-footnote);color:var(--learning-secondary);flex:1;line-height:1.55}.tutor-problem-intro[data-hint]{color:var(--learning-ink);font-weight:600;animation:.22s cubic-bezier(.23,1,.32,1) tutor-hint-in}.tutor-problem-hint{font-size:var(--fs-footnote);color:var(--learning-ink);margin-top:-6px;padding:0 14px 10px;font-weight:600;line-height:1.55;animation:.22s cubic-bezier(.23,1,.32,1) tutor-hint-in}.tutor-problem-head{text-align:left;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 10px 0 14px;display:flex}.tutor-problem-peek{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--fs-subhead);color:var(--learning-ink);flex:1;font-weight:600;overflow:hidden}.tutor-problem-toggle{font-size:var(--fs-caption);color:var(--learning-secondary);flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.tutor-problem-foot .tutor-problem-toggle{min-height:44px;margin:-12px -6px -13px auto;padding:0 6px}.tutor-problem-toggle svg{transition:transform .2s;transform:rotate(90deg)}.tutor-problem[data-open] .tutor-problem-toggle svg{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.tutor-problem-bot,.tutor-problem-bot-scale{transition:none}.tutor-problem-intro[data-hint],.tutor-problem-hint{animation:none}}.tutor-load-error{color:#8a2a22;font-size:var(--fs-subhead);background:#fdf3f2;border-radius:20px;margin-top:12px;padding:16px;line-height:1.6}.tutor-load-error div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tutor-log-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:18px 2px 12px;overflow-y:auto}.tutor-log{flex-direction:column;gap:10px;display:flex}.tutor-row{align-items:flex-end;gap:8px;max-width:92%;display:flex}.tutor-row-face{flex-shrink:0;width:34px}.tutor-bubble{background:var(--tutor-bubble);color:var(--learning-ink);font-size:var(--fs-callout);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:20px 20px 20px 6px;padding:10px 14px;line-height:1.65}.tutor-bubble-mine{background:var(--brand);color:#fff;border-radius:20px 20px 6px;align-self:flex-end;max-width:85%}.tutor-item-divider{font-size:var(--fs-caption);color:var(--learning-secondary);align-self:center;margin-top:8px;font-weight:600}.tutor-event{background:var(--tutor-bubble);font-size:var(--fs-caption);color:var(--learning-secondary);border-radius:99px;align-self:flex-end;padding:4px 12px;font-weight:500}.tutor-skeleton{background:var(--tutor-bubble);border-radius:20px 20px 20px 6px;width:62%;height:44px;display:block}.tutor-thinking{font-size:var(--fs-footnote);color:var(--learning-secondary);align-items:center;gap:10px;margin-top:4px;font-weight:500;display:flex}.tutor-chip-indent{margin:8px 0 0 42px}.tutor-choices{border:0;flex-direction:column;gap:8px;min-width:0;margin:6px 0 0;padding:0;display:flex}.tutor-choice{border:1.5px solid var(--learning-line);background:var(--learning-paper);min-height:56px;font-size:var(--fs-callout);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;line-height:1.55;transition:border-color .16s,background-color .16s;display:flex}.tutor-choice:hover{border-color:#cfd3cc}.tutor-choice:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.tutor-choice[data-picked]{border-color:var(--brand);background:var(--primary-light)}.tutor-choice-key{border:1.5px solid var(--learning-line);width:28px;height:28px;font-size:var(--fs-caption);color:var(--ink-2);border-radius:9px;flex-shrink:0;place-items:center;font-weight:700;transition:inherit;display:grid}.tutor-choice[data-picked] .tutor-choice-key{border-color:var(--brand);background:var(--brand);color:#fff}.tutor-choices:disabled .tutor-choice{cursor:default;opacity:.7}.tutor-picked{background:var(--tutor-bubble);max-width:85%;min-height:44px;font-size:var(--fs-caption);color:var(--ink-2);text-align:left;border-radius:99px;align-self:flex-end;align-items:center;gap:8px;padding:4px 12px;font-weight:600;display:inline-flex}.tutor-picked-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tutor-picked-change{white-space:nowrap;color:var(--learning-green);text-underline-offset:3px;flex-shrink:0;text-decoration:underline}.tutor-cer{border:0;flex-direction:column;gap:10px;min-width:0;margin:6px 0 0;padding:0;display:flex}.tutor-cer-field{font-size:var(--fs-footnote);color:var(--learning-ink);font-weight:600;display:block}.tutor-cer-field textarea{border:1.5px solid var(--learning-line);background:var(--learning-paper);width:100%;font-size:var(--fs-body);resize:vertical;border-radius:14px;margin-top:6px;padding:10px 12px;font-weight:400;line-height:1.6;display:block}.tutor-cer-field textarea:focus,.tutor-cer-field textarea:focus-visible{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1763401f}.tutor-cer-more{border:1px solid var(--learning-line);border-radius:14px;padding:0 12px}.tutor-cer-more summary{cursor:pointer;min-height:44px;font-size:var(--fs-footnote);color:var(--learning-secondary);align-items:center;font-weight:500;list-style:none;display:flex}.tutor-cer-more summary::-webkit-details-marker{display:none}.tutor-cer-more>div{flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.tutor-dock{background:var(--learning-paper);flex-shrink:0;padding:10px 0 2px;position:relative}.tutor-dock-primary{width:100%}.tutor-chips{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tutor-chip{border:1px solid var(--learning-line);background:var(--learning-paper);min-height:44px;font-size:var(--fs-footnote);color:var(--ink-2);border-radius:99px;align-items:center;gap:4px;padding:0 16px;font-weight:600;transition:border-color .16s,color .16s;display:inline-flex}.tutor-chip:hover:not(:disabled){color:var(--learning-ink);border-color:#cfd3cc}.tutor-chip:disabled{opacity:.45;cursor:not-allowed}.tutor-chip-next{color:var(--learning-green);border-color:#0000;margin-left:auto;padding-right:6px}.tutor-chip-next:hover:not(:disabled){color:var(--brand);border-color:#0000}.tutor-composer{align-items:flex-end;gap:8px;display:flex}.tutor-composer textarea{scrollbar-width:none;border:1px solid var(--learning-line);background:var(--tutor-field);min-width:0;min-height:48px;font-size:var(--fs-body);resize:none;border-radius:24px;flex:1;padding:12px 18px;line-height:1.5;transition:border-color .16s,background-color .16s}.tutor-composer textarea:focus,.tutor-composer textarea:focus-visible{border-color:var(--brand);background:var(--learning-paper);outline:none;box-shadow:0 0 0 3px #1763401f}.tutor-composer textarea:disabled{color:var(--learning-secondary)}.tutor-composer textarea::placeholder{color:#8a8d93}.tutor-send{background:var(--action);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;transition:background-color .16s,transform .12s;display:grid}.tutor-send:active:not(:disabled){transform:scale(.94)}.tutor-send:disabled{background:var(--action-disabled);color:var(--on-action-disabled)}.tutor-error{font-size:var(--fs-footnote);color:#a1291f;margin-bottom:10px;line-height:1.6}.tutor-reflect{font-size:var(--fs-footnote);color:var(--learning-secondary);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tutor-reflect button{min-height:44px;padding:0 8px}.tutor-wake-hint{background:var(--learning-ink);color:#fff;font-size:var(--fs-footnote);border-radius:14px 14px 14px 4px;padding:8px 12px;font-weight:500;animation:.22s cubic-bezier(.23,1,.32,1) tutor-hint-in;position:absolute;bottom:calc(100% + 8px);left:0}@keyframes tutor-hint-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.tutor-wake-hint{animation:none}.tutor-progress>span{transition:none}}.tutor-reference{line-height:1.75}.tutor-reference h2{font-size:var(--fs-headline);font-weight:700}.tutor-reference h3{font-size:var(--fs-footnote);color:var(--learning-secondary);margin-top:20px;font-weight:700}.tutor-reference p{white-space:pre-wrap;margin-top:6px}.tutor-revise{flex-direction:column;gap:12px;margin-top:16px;display:flex}.tutor-revise-input{border:1.5px solid var(--learning-line);width:100%;font-size:var(--fs-body);resize:vertical;border-radius:16px;padding:12px 14px;line-height:1.6}.tutor-revise-input:focus,.tutor-revise-input:focus-visible{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1763401f}.tutor-revise-actions{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}@media (min-width:768px){.tutor-chat{border:1px solid var(--learning-edge);box-shadow:var(--learning-shadow);border-radius:28px;padding:18px 22px 16px}.tutor-topbar{padding-top:0}}.tutor-done{text-align:center;flex-direction:column;align-items:center;padding:20px 2px 28px;display:flex}.tutor-done-title{font-size:var(--fs-title2);letter-spacing:-.025em;text-wrap:balance;margin-top:8px;font-weight:700;line-height:1.35}.tutor-done-title:focus{outline:none}.tutor-done-sub{font-size:var(--fs-subhead);color:var(--learning-secondary);margin-top:6px}.tutor-done-task{border:1px solid var(--learning-line);text-align:left;border-radius:24px;width:100%;margin-top:24px;padding:18px}.tutor-done-task-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tutor-done-task-head h3{font-size:var(--fs-callout);font-weight:700}.tutor-done-task-head span{font-size:var(--fs-caption);color:var(--learning-secondary);font-variant-numeric:tabular-nums;font-weight:600}.tutor-done-task-lead{font-size:var(--fs-footnote);color:var(--learning-secondary);margin-top:4px;line-height:1.6}.tutor-done-task-stem{background:var(--tutor-bubble);font-size:var(--fs-subhead);white-space:pre-wrap;border-radius:16px;margin:14px 0 12px;padding:12px 14px;line-height:1.7}.tutor-done-next{text-align:left;flex-direction:column;gap:10px;width:100%;margin-top:24px;display:flex}.tutor-done-note{font-size:var(--fs-footnote);color:var(--learning-secondary);text-align:center;margin-bottom:4px;line-height:1.6}.tutor-done-changes{text-align:left;width:100%;margin-top:32px}.tutor-done-changes h3{font-size:var(--fs-callout);margin-bottom:4px;font-weight:700}.tutor-done-changes details{border-top:1px solid var(--learning-line)}.tutor-done-changes summary{cursor:pointer;min-height:48px;font-size:var(--fs-subhead);align-items:center;padding:10px 0;font-weight:600;line-height:1.5;list-style:none;display:flex}.tutor-done-changes summary::-webkit-details-marker{display:none}.tutor-done-changes summary span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tutor-done-changes dl{font-size:var(--fs-footnote);grid-template-columns:auto 1fr;gap:6px 12px;padding:0 0 14px;line-height:1.65;display:grid}.tutor-done-changes dt{color:var(--learning-secondary);font-weight:600}.tutor-done-changes dd{white-space:pre-wrap}.tutor-done-changes dd[data-empty]{color:var(--learning-secondary)}.tutor-says,.tutor-bubble,.tutor-problem-stem,.tutor-problem-intro,.tutor-done-title,.tutor-done-sub,.tutor-done-task,.tutor-done-changes,.tutor-choice,.tutor-pick-text b{word-break:keep-all}.activity-reward{background:var(--primary-light);text-align:center;word-break:keep-all;border-radius:24px;width:100%;padding:18px 18px 16px}.activity-reward h3{font-size:var(--fs-headline);letter-spacing:-.015em;color:var(--learning-ink);text-wrap:balance;font-weight:700}.activity-reward-gains{justify-content:center;gap:8px;margin-top:14px;display:flex}.activity-reward-gains span{background:var(--learning-paper);min-height:32px;font-size:var(--fs-footnote);color:var(--learning-green);font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:5px;padding:0 12px;font-weight:700;display:inline-flex}.activity-reward-retry{font-size:var(--fs-footnote);color:var(--learning-secondary);margin-top:14px}.activity-reward-retry button{margin-top:8px}
.teacher-space .study-tabs [aria-selected=true]{color:var(--learning-ink);border-color:var(--learning-ink)}.teacher-space .learning-row:hover h3{color:inherit}.teacher-space .unit-symbol{color:var(--ink-2)}.teacher-link{min-height:44px;font-size:var(--fs-footnote);color:var(--learning-ink);text-underline-offset:4px;align-items:center;gap:6px;font-weight:600;text-decoration:underline;display:inline-flex}.teacher-entry{border-top:1px solid var(--learning-line);margin:-12px 0 24px;padding:14px 0}.teacher-entry h3{font-size:var(--fs-subhead);font-weight:700}.teacher-entry h3 span{color:var(--learning-secondary);font-weight:400}.teacher-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.teacher-intro p{font-size:var(--fs-subhead);color:var(--learning-secondary);line-height:1.7}.teacher-notice{margin-bottom:24px;padding:18px 20px}.teacher-notice h2{font-size:var(--fs-callout);font-weight:700}.teacher-notice p{font-size:var(--fs-subhead);color:var(--learning-secondary);margin-top:6px;line-height:1.7}.teacher-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 8px;display:grid}.teacher-summary>div{text-align:center;padding:0 12px}.teacher-summary>div+div{border-left:1px solid var(--learning-line)}.teacher-summary dt{font-size:var(--fs-caption);color:var(--learning-secondary)}.teacher-summary dd{font-size:var(--fs-title3);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:6px;font-weight:700}.teacher-caption{font-size:var(--fs-caption);color:var(--learning-secondary);margin-top:12px;line-height:1.7}.teacher-bar{background:var(--progress-track);border-radius:4px;height:6px;overflow:hidden}.teacher-bar>span{border-radius:inherit;background:var(--learning-green);height:100%;display:block}.teacher-unit{border-bottom:1px solid var(--learning-line);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px 14px;padding:12px 0;display:grid}.teacher-unit:first-child{border-top:1px solid var(--learning-line)}.teacher-unit h3{font-size:var(--fs-subhead);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.teacher-unit .teacher-bar{grid-column:1}.teacher-unit b{text-align:right;font-size:var(--fs-subhead);font-variant-numeric:tabular-nums;grid-area:1/2/span 2}.teacher-list{border-top:1px solid var(--learning-line)}.teacher-list>li{border-bottom:1px solid var(--learning-line);font-size:var(--fs-subhead);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.teacher-list>li>span:last-child{color:var(--learning-secondary);font-size:var(--fs-footnote);font-variant-numeric:tabular-nums;flex-shrink:0}.teacher-controls{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:8px;display:flex}.teacher-search{border:1px solid var(--learning-line);border-radius:var(--r-sm);background:var(--learning-paper);min-width:0;min-height:44px;font-size:var(--fs-body);flex:200px;padding:0 14px}.teacher-sort{gap:4px;display:flex}.teacher-sort button{border-radius:var(--r-sm);min-height:44px;font-size:var(--fs-footnote);color:var(--learning-secondary);align-items:center;gap:4px;padding:0 10px;display:inline-flex}.teacher-sort button[aria-pressed=true]{color:var(--learning-ink);background:var(--learning-soft);font-weight:700}.teacher-student .teacher-bar{max-width:180px;margin-top:8px}.teacher-more{width:100%;margin-top:16px}.teacher-lessons{padding:4px 0 8px}.teacher-lessons li{font-size:var(--fs-footnote);justify-content:space-between;gap:16px;padding:6px 0;display:flex}.teacher-lessons li span:last-child{color:var(--learning-secondary);flex-shrink:0}.teacher-unit-detail{border-bottom:1px solid var(--learning-line)}.teacher-unit-detail:first-child{border-top:1px solid var(--learning-line)}.teacher-unit-detail summary{cursor:pointer;list-style:none}.teacher-unit-detail summary::-webkit-details-marker{display:none}.teacher-unit-detail .teacher-unit{border:0}
:root{--guide-rule:#dce5f0;--guide-margin-line:#efb9b9;--guide-highlight:#fff08a}.unit-guide-paper{--guide-lh:30px;--guide-margin:22px;padding:0 18px var(--guide-lh) calc(var(--guide-margin) + 11px);border:1px solid var(--learning-line);color:var(--learning-ink);font-size:var(--fs-subhead);line-height:var(--guide-lh);word-break:keep-all;background-color:var(--learning-paper);background-image:linear-gradient(to right, transparent var(--guide-margin), var(--guide-margin-line) var(--guide-margin) calc(var(--guide-margin) + 1px), transparent calc(var(--guide-margin) + 1px)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--guide-lh) - 1px), var(--guide-rule) calc(var(--guide-lh) - 1px) var(--guide-lh));border-radius:6px}.unit-guide-paper h2{padding-top:var(--guide-lh);font-size:var(--fs-callout);font-weight:800;line-height:var(--guide-lh)}.unit-guide-paper h2 span{border-bottom:2px solid var(--learning-ink)}.unit-guide-paper p{margin:0}.unit-guide-term strong{background:linear-gradient(176deg, transparent 0 48%, var(--guide-highlight) 48% 90%, transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:2px;font-weight:700}.unit-guide-def,.unit-guide-plain{text-indent:-1.1em;color:var(--learning-secondary);padding-inline-start:1.1em}.unit-guide-def:before,.unit-guide-plain:before{text-indent:0;width:1.1em;color:var(--ink-3);display:inline-block}.unit-guide-def:before{content:"-"}.unit-guide-plain:before{content:"·"}.unit-guide-note{color:var(--learning-secondary);padding-inline-start:1.1em}.unit-guide-note:before{content:"→ ";color:var(--ink-3)}
.home-welcome:has(>.home-welcome-sub){flex-wrap:wrap;row-gap:0}.home-welcome:has(>.home-welcome-sub)>div{flex:1 1 0;min-width:0}.home-welcome>.home-welcome-sub{flex-basis:100%;margin-top:2px}.home-rank-controls{align-items:center;gap:8px;display:flex}.home-rank-chip{align-items:center;display:inline-flex;position:relative}.home-rank-chip select{appearance:none;border:1px solid var(--learning-line);border-radius:var(--r-pill);background:var(--learning-paper);min-height:36px;color:var(--learning-ink);font-size:var(--fs-footnote);cursor:pointer;padding:0 30px 0 14px;font-weight:600}.home-rank-chip select:focus-visible{outline:2px solid var(--learning-green);outline-offset:2px}.home-rank-chip svg{pointer-events:none;color:var(--learning-secondary);position:absolute;right:10px}.home-rank-icon{border:1px solid var(--learning-line);background:var(--learning-paper);width:36px;height:36px;color:var(--learning-ink);border-radius:50%;place-items:center;margin-left:auto;display:grid}@media (pointer:coarse){.home-rank-chip select{min-height:44px}.home-rank-icon{width:44px;height:44px}}.home-rank-search{border:1px solid var(--learning-line);background:var(--learning-paper);width:calc(100% - 2px);height:44px;font-size:var(--fs-subhead);border-radius:14px;margin:10px 1px 1px;padding:0 14px;display:block}.home-rank-search:focus{border-color:var(--learning-green);outline:none}.home-rank-list{margin:8px 0 0;padding:0;list-style:none}.home-rank-row{border-bottom:1px solid var(--learning-line);text-align:left;width:100%;min-height:56px;font-size:var(--fs-subhead);align-items:center;gap:10px;padding:6px 8px;transition:background-color .15s;display:flex}.home-rank-list>li:last-child .home-rank-row{border-bottom-color:#0000}.home-rank-row:hover{background:var(--soft)}.home-rank-row[aria-current]{background:#1763400f;border-bottom-color:#0000;border-radius:12px}.home-rank-row[aria-current] .home-rank-name,.home-rank-row[aria-current] .home-rank-place{color:var(--learning-green)}.home-rank-gap{margin-top:18px;position:relative}.home-rank-gap:before{content:"···";text-align:center;width:22px;font-size:var(--fs-caption);letter-spacing:2px;color:var(--ink-3);line-height:18px;position:absolute;top:-18px;left:8px}.home-rank-place{text-align:center;width:22px;color:var(--learning-secondary);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.home-rank-place[data-first]{color:var(--gold)}.home-rank-avatar{flex:none;justify-content:center;align-items:center;width:32px;height:44px;display:flex;overflow:hidden}.home-rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.home-rank-name small{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500;display:block}.home-rank-value{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;font-weight:700;display:flex}.home-rank-value small{font-size:var(--fs-caption);color:var(--ink-3);margin-left:2px;font-weight:500}.home-rank-gem{align-items:center;gap:3px;display:inline-flex}.home-rank-sub{font-size:var(--fs-caption);color:var(--ink-3);font-weight:500}.home-rank-note{font-size:var(--fs-footnote);color:var(--learning-secondary);padding:12px 8px 4px;line-height:1.6}.home-rank-more{width:100%;min-height:44px;font-size:var(--fs-footnote);color:var(--learning-secondary);justify-content:center;align-items:center;gap:4px;margin-top:4px;font-weight:600;display:flex}.home-rank-more svg{transition:transform .15s}@container (min-width:680px){.home-columns:has(>.home-board){grid-template-columns:minmax(0,1fr) 360px}.home-columns>.home-board{grid-area:1/2;align-self:start}}.home-todo>h2{border-bottom:1px solid var(--learning-line);font-size:var(--fs-footnote);color:var(--learning-secondary);padding-bottom:8px;font-weight:700}.home-todo>ul{margin:0;padding:0;list-style:none}.home-todo-row{border-bottom:1px solid var(--learning-line);min-height:64px;color:var(--learning-ink);align-items:center;gap:12px;padding:10px 8px;transition:background-color .15s;display:flex}.home-todo>ul>li:last-child .home-todo-row{border-bottom-color:#0000}.home-todo-row:hover{background:var(--soft)}.home-todo-row:focus-visible{outline:2px solid var(--learning-green);outline-offset:2px;border-radius:12px}.home-todo-row>svg{color:var(--learning-secondary);flex:none}.home-todo-icon{flex:none;place-items:center;display:grid}.home-todo-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-todo-text strong{font-size:var(--fs-subhead);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.home-todo-text small{font-size:var(--fs-caption);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-todo-reward{border-radius:var(--r-pill);color:var(--learning-green);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;background:#17634014;flex:none;padding:4px 10px;font-weight:700}
.skeleton-screen{pointer-events:none}.skeleton-screen[data-delayed]{animation:.24s ease-out both skeleton-reveal}@keyframes skeleton-reveal{0%{opacity:0}to{opacity:1}}.bone{border-radius:var(--r-xs);background:linear-gradient(100deg,#eceeec 30%,#f6f7f6 50%,#eceeec 70%) 0 0/300% 100%;flex:none;max-width:100%;animation:1.6s ease-in-out infinite bone-shimmer;display:block}.bone[data-corner=pill]{border-radius:var(--r-pill)}.bone[data-corner=round]{border-radius:50%}.bone[data-corner=card]{border-radius:var(--r-sm)}@keyframes bone-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.bone-title{height:28px;margin-block:4px}@media (min-width:744px){.bone-title{height:30px;margin-block:5px}}@media (min-width:1024px){.bone-title{height:32px}}.bone-control{height:36px}@media (pointer:coarse){.bone-control{height:44px}}.skeleton-notice{z-index:30;left:50%;bottom:calc(var(--nav-inset,0px) + 20px);max-width:calc(100% - 2 * var(--gutter,16px));border:1px solid var(--learning-line);border-radius:var(--r-pill);background:var(--learning-paper);box-shadow:var(--learning-shadow-raised);color:var(--learning-secondary);font-size:var(--fs-footnote);white-space:nowrap;pointer-events:auto;align-items:center;gap:12px;padding:8px 8px 8px 18px;font-weight:600;animation:.24s ease-out both skeleton-reveal;display:flex;position:fixed;translate:-50%}.skeleton-notice:not(:has(button)){min-height:44px;padding-right:18px}.skeleton-notice button{border-radius:var(--r-pill);background:var(--action);color:#fff;min-height:36px;padding:0 16px;font-weight:700}@media (min-width:1024px){.app-content .skeleton-notice{left:calc(50% + 106px)}}@media (prefers-reduced-motion:reduce){.bone{background:#eceeec;animation:none}.skeleton-screen[data-delayed],.skeleton-notice{animation-duration:1ms}}@media (min-width:1024px){.home-welcome>.bone-join{display:none}}.bone-chip{height:42px}@media (pointer:coarse){.bone-chip{height:44px}}