/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-300{top:calc(var(--spacing) * 300)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-muted{color:var(--muted)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/fredoka-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/fredoka-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/nunito-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#f7f7f7;--text:#3c3c3c;--muted:#6b6b6b;--accent:#2b63ee;--accent-shadow:#1c47bd;--accent-soft:#e5edff;--accent-line:#9db8ff;--accent-ink:#1a4fc4;--on-accent:#fff;--sun:#ffc93c;--sun-shadow:#e5a800;--on-sun:#3c3c3c;--medal-silver:#d3dbe3;--medal-silver-shadow:#a7b3bf;--medal-bronze:#e8a66c;--medal-bronze-shadow:#bf7a3e;--on-medal:#3c3c3c;--streak:#e0631c;--c-blue:#2b63ee;--c-orange:#e0631c;--c-green:#3a7d00;--c-purple:#8b5cf6;--c-pink:#d63c78;--c-teal:#0f7f86;--c-indigo:#5b5fc7;--c-gray:#6b6b6b;--on-unit:#fff;--unit-1:#2b63ee;--unit-1-shadow:#1c47bd;--unit-2:#7b4fd8;--unit-2-shadow:#5a34b0;--unit-3:#c42f6c;--unit-3-shadow:#962050;--unit-4:#37820a;--unit-4-shadow:#286300;--unit-5:#b94e0a;--unit-5-shadow:#8a3906;--unit-6:#0f7f86;--unit-6-shadow:#0a5b60;--success:#3a7d00;--success-soft:#d7ffb8;--success-strong:#37820a;--success-shadow:#286300;--on-success:#fff;--danger:#c42b2b;--danger-soft:#ffdfe0;--danger-strong:#cf2e2e;--danger-shadow:#a51f1f;--on-danger:#fff;--warning:#845300;--warning-soft:#fff5d9;--border:#e5e5e5;--input-border:#8a8a8a;--focus:#2b63ee;--font:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--display-font:"Fredoka Variable", "Nunito Variable", system-ui, sans-serif;--xs:.75rem;--sm:.875rem;--base:1rem;--lg:1.25rem;--xl:1.75rem;--display:2.5rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r1:16px;--r2:20px;--r3:28px;--pill:999px;--line:2px;--heavy:2px;--depth:4px;--rise:4px;--fast:.15s;--normal:.24s;--slow:.45s;--shadow:0 var(--depth) 0 var(--border);--soft-shadow:none;--sidebar:256px;--width:1160px;--lesson:680px;--control:48px;--node:72px;--nav-height:72px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131f24;--surface:#1a2b33;--surface-2:#202f36;--text:#f1f7fb;--muted:#a3b3bc;--accent:#7ba1ff;--accent-shadow:#4d6fbf;--accent-soft:#1e3260;--accent-line:#4d6fbf;--accent-ink:#b3c8ff;--on-accent:#0d1a3a;--sun:#ffc93c;--sun-shadow:#c79500;--on-sun:#131f24;--streak:#ff9b54;--c-blue:#7ba1ff;--c-orange:#ff9b54;--c-green:#93e05a;--c-purple:#b39dff;--c-pink:#ff8fb8;--c-teal:#4fd1c5;--c-indigo:#a5a8ff;--c-gray:#a3b3bc;--success:#93e05a;--success-soft:#203a1a;--success-strong:#79c33a;--success-shadow:#4e8a1e;--on-success:#0e1f05;--danger:#ff9b9b;--danger-soft:#3f1e22;--danger-strong:#ff7a7a;--danger-shadow:#c24848;--on-danger:#2a0a0a;--warning:#ffdea0;--warning-soft:#3d3425;--border:#37464f;--input-border:#6b7f89;--focus:#8aabff}:root{--life-picture-width:120px;--life-picture-height:88px;--life-portrait:144px;--voice-transcript-height:420px;--life-detail-offset:24px}.study-preparation{padding:var(--s6) 0}.study-preparation h1{margin-top:var(--s2)}.preparation-goal{margin:var(--s4) 0 var(--s5);font-size:var(--lg)}.study-preparation>.muted,.study-preparation>.small{margin:var(--s4) 0}.preparation-examples{gap:var(--s5);margin:var(--s6) 0;display:grid}.preparation-example{padding:0 0 var(--s5);border-bottom:var(--line) solid var(--border)}.preparation-example h2{font-size:var(--xl)}.preparation-example>p{margin-top:var(--s2)}.preparation-steps{padding-left:var(--s5);margin:var(--s5) 0}.preparation-steps li+li{margin-top:var(--s3)}.preparation-actions{gap:var(--s4);margin-top:var(--s6);justify-content:space-between;align-items:center;display:flex}.study-preparation .coach{margin-bottom:var(--s5)}.journey-overview{margin-bottom:var(--s4);border:var(--line) solid var(--border);border-radius:var(--r1);background:var(--surface)}.journey-overview summary{cursor:pointer;padding:var(--s4) var(--s5);min-height:var(--control);justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}.journey-overview summary::-webkit-details-marker{display:none}.journey-overview summary>span{gap:var(--s3);align-items:center;display:flex}.journey-overview[open] summary>svg{transform:rotate(180deg)}.journey-chapters{padding:0 var(--s5) var(--s5);gap:var(--s5);display:grid}.journey-chapters h2{margin:var(--s1) 0}.journey-unit-list{margin-top:var(--s3)}.journey-unit-list button{gap:var(--s3);width:100%;padding:var(--s3) 0;text-align:left;border:0;border-bottom:var(--line) solid var(--border);color:var(--text);min-height:var(--control);background:0 0;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.journey-unit-list button>span:nth-child(2){gap:var(--s1);display:grid}.journey-number{min-width:var(--s6);height:var(--s6);background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--pill);place-items:center;font-weight:700;display:grid}.journey-unit-list button[aria-pressed=true] strong{color:var(--accent)}.journey-unit-list button:hover strong{text-decoration:underline}.daily-plan-list{gap:var(--s5);margin:var(--s5) 0;padding:0;list-style:none;display:grid}.daily-plan-list>li{gap:var(--s3);grid-template-columns:auto 1fr;align-items:start;display:grid}.daily-plan-number{width:var(--s6);height:var(--s6);border-radius:var(--pill);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--sm);place-items:center;font-weight:750;display:grid}.daily-plan-list p{margin:var(--s1) 0}.daily-plan>p:last-child{margin-top:var(--s4)}.checkpoint-invitation{margin-top:var(--s5)}.checkpoint-invitation>.row{gap:var(--s3);flex-wrap:wrap}.checkpoint-invitation h2{align-items:center;gap:var(--s2);display:flex}.checkpoint-invitation>p,.checkpoint-intro>p{margin-top:var(--s4)}.checkpoint-invitation>.btn,.checkpoint-intro>.btn{margin-top:var(--s5)}.checkpoint-result{margin:var(--s5) 0;text-align:left;border-block:var(--line) solid var(--border);padding:var(--s5) 0}.checkpoint-result p{gap:var(--s2);align-items:start;display:flex}.checkpoint-result p:first-child{display:block}.checkpoint-progress{margin-top:var(--s5)}.checkpoint-progress>div{align-items:center;gap:var(--s4);padding:var(--s4) 0;border-bottom:var(--line) solid var(--border);grid-template-columns:1fr auto;display:grid}.checkpoint-progress .text-button{min-height:var(--control)}.checkpoint-progress .text-button:disabled{color:var(--muted)}@media (max-width:760px){.preparation-actions{flex-direction:column-reverse;align-items:stretch}.preparation-actions>span{text-align:center}.journey-overview summary,.journey-chapters{padding-inline:var(--s4)}.checkpoint-progress>div{gap:var(--s2)}.study-preparation{padding-top:var(--s5)}}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth}body{overflow-wrap:anywhere;background:var(--bg);font-family:var(--font);font-size:var(--base);margin:0;font-weight:600;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--accent);text-underline-offset:var(--s1)}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display-font);letter-spacing:0}h1{font-size:var(--display);font-weight:600;line-height:1.15}h2{font-size:var(--lg);font-weight:600;line-height:1.3}h3{font-size:var(--base);font-weight:800;line-height:1.35}p+p{margin-top:var(--s3)}svg{flex-shrink:0}strong{font-weight:800}:focus-visible{outline:var(--heavy) solid var(--focus);outline-offset:var(--rise)}[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{align-items:center;gap:var(--s3);display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.full{width:100%}.small{font-size:var(--sm)}.muted{color:var(--muted)}.error-text,.danger-text{color:var(--danger)}.amber-text{color:var(--warning)}.eyebrow{font-size:var(--xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s2);font-weight:800;line-height:1.5}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:50px;padding:var(--s3) var(--s5);border:var(--line) solid transparent;border-radius:var(--r1);letter-spacing:.06em;text-transform:uppercase;transition:transform var(--fast), box-shadow var(--fast), filter var(--fast);font-size:.9375rem;font-weight:800;line-height:1.25;text-decoration:none;display:inline-flex;position:relative}.btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 var(--depth) 0 var(--accent-shadow)}.btn.secondary{background:var(--surface);color:var(--accent-ink);border-color:var(--border);box-shadow:0 var(--depth) 0 var(--border)}.btn.ghost{color:var(--accent-ink);background:0 0}.btn.danger{background:var(--danger-strong);color:var(--on-danger);box-shadow:0 var(--depth) 0 var(--danger-shadow)}.btn.success{background:var(--success-strong);color:var(--on-success);box-shadow:0 var(--depth) 0 var(--success-shadow)}.btn:not(:disabled):hover{filter:brightness(1.06)}.btn:not(:disabled):active{transform:translateY(var(--depth));box-shadow:none}.btn.ghost:not(:disabled):active{transform:none}.btn:disabled{background:var(--border);color:var(--muted);box-shadow:none;border-color:#0000}.card{background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r1);padding:var(--s5)}.card h2{margin-bottom:var(--s3)}.card p+.btn,.card .meter+.btn,.card .divider+.btn{margin-top:var(--s5)}.card .btn+p{margin-top:var(--s4)}.card .row h2{margin-bottom:0}.badge{align-items:center;gap:var(--s1);font-size:var(--xs);letter-spacing:.06em;text-transform:uppercase;padding:2px var(--s3);border-radius:var(--pill);font-weight:800;line-height:1.6;display:inline-flex}.badge.blue{background:var(--accent-soft);color:var(--accent-ink)}.badge.green{background:var(--success-soft);color:var(--success)}.badge.amber{background:var(--warning-soft);color:var(--warning)}.meter{margin-top:var(--s4)}progress{-webkit-appearance:none;appearance:none;width:100%;height:var(--s4);border-radius:var(--pill);background:var(--border);color:var(--accent);margin-top:var(--s2);border:none;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--border);border-radius:var(--pill)}progress::-webkit-progress-value{background:var(--accent);border-radius:var(--pill);transition:width var(--normal);box-shadow:inset 0 4px 0 -1px #ffffff4d}progress::-moz-progress-bar{background:var(--accent);border-radius:var(--pill);box-shadow:inset 0 4px 0 -1px #ffffff4d}.text-button{align-items:center;gap:var(--s2);min-height:var(--control);color:var(--accent-ink);padding:var(--s2) 0;text-align:left;background:0 0;border:0;font-weight:800;display:inline-flex}.text-button:hover{text-decoration:underline}.icon-button{width:var(--control);height:var(--control);color:var(--muted);border-radius:var(--r1);background:0 0;border:0;place-items:center;display:grid}.icon-button:hover{background:var(--surface-2)}label{font-size:var(--sm);gap:var(--s2);flex-direction:column;font-weight:700;display:flex}input:not([type=radio]),select,textarea{min-height:var(--control);width:100%;padding:var(--s3) var(--s4);background:var(--surface-2);border:var(--line) solid var(--input-border);color:var(--text);border-radius:12px;font-weight:600}input:not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}select{cursor:pointer}.profile-form{gap:var(--s5);margin-top:var(--s5);display:grid}.divider{height:var(--line);background:var(--border);margin:var(--s5) 0}.error-banner{gap:var(--s3);padding:var(--s4) var(--s5);border:var(--line) solid var(--danger);background:var(--danger-soft);color:var(--danger);border-radius:var(--r1);margin-bottom:var(--s5);display:flex}.error-banner .text-button,.error-banner a{color:var(--danger)}.loading-dot{width:var(--s3);height:var(--s3);background:currentColor;border-radius:50%;animation:1s ease-in-out infinite breathe;display:inline-block}.tile-icon{width:var(--control);height:var(--control);background:var(--accent-soft);border-radius:var(--r1);color:var(--accent-ink);flex-shrink:0;place-items:center;display:grid}.tile-icon.big{width:var(--node);height:var(--node);border-radius:var(--r2)}.brand{align-items:center;gap:var(--s3);font-family:var(--display-font);color:var(--accent);font-size:1.625rem;font-weight:700;line-height:1;display:flex}.brand-mark{flex-shrink:0;width:44px;height:44px;display:block}.brand-mark>svg{width:100%;height:100%;display:block}.coach{align-items:center;gap:var(--s4);display:flex}.coach p{font-size:var(--sm);color:var(--text);background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r1);padding:var(--s3) var(--s4);flex:1;position:relative}.coach p:before{content:"";background:var(--surface);border-left:var(--line) solid var(--border);border-bottom:var(--line) solid var(--border);width:14px;height:14px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);padding:var(--s6) var(--s4);background:var(--surface);border-right:var(--line) solid var(--border);z-index:5;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin:0 var(--s3) var(--s6);white-space:nowrap;font-size:1.375rem}.sidebar .brand-mark{width:40px;height:40px}.sidebar nav{gap:var(--s2);flex-direction:column;display:flex}.sidebar nav button{align-items:center;gap:var(--s4);min-height:52px;padding:var(--s2) var(--s4);color:var(--muted);border:var(--line) solid transparent;text-align:left;letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:12px;font-size:.9375rem;font-weight:800;display:flex}.sidebar nav button>svg,.mobile-nav button>svg{color:var(--icon,var(--accent))}.sidebar nav button:hover{background:var(--surface-2)}.sidebar nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.nav-count{font-size:var(--xs);letter-spacing:0;background:var(--danger-strong);color:var(--on-danger);padding:0 var(--s2);border-radius:var(--pill);margin-left:auto;font-weight:800}.sidebar-bottom{padding-top:var(--s6);margin-top:auto}.sidebar-bottom>.small{font-size:var(--xs);margin-top:var(--s5);display:block}.app-body{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-width:0}.topbar{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s7);min-height:calc(var(--nav-height) + var(--s2));background:var(--surface);border-bottom:var(--line) solid var(--border);display:flex}.mini-brand{color:var(--accent);display:flex}.profile-picker{flex-direction:row;align-items:center;display:flex;position:relative}.profile-picker select{min-width:calc(var(--s8) * 1.6);-webkit-appearance:none;appearance:none;padding-right:var(--s6);border-color:var(--border);background:var(--surface);font-size:var(--sm);font-weight:800}.profile-picker svg{right:var(--s3);pointer-events:none;position:absolute}.streak{color:var(--text);gap:var(--s1);white-space:nowrap;align-items:center;font-weight:800;display:flex}.streak>svg{color:var(--streak);fill:var(--sun)}.content{max-width:var(--width);padding:var(--s7);gap:var(--s5);margin:0 auto;display:grid}.page-title{justify-content:space-between;align-items:center;gap:var(--s5);padding-bottom:var(--s4);display:flex}.page-title p:not(.eyebrow){color:var(--muted);margin-top:var(--s4)}.page-title .eyebrow{color:var(--accent)}.page-title.compact{padding-bottom:var(--s2);max-width:calc(var(--lesson) + var(--s8))}.page-title.compact h1{font-size:var(--xl);line-height:1.2}.welcome-coach{width:calc(var(--node) + var(--s8));justify-content:center;display:flex;position:relative}.dashboard-grid{gap:var(--s6);grid-template-columns:minmax(0,1fr) 290px;align-items:start;display:grid}.path-column{--unit:var(--unit-1);--unit-shadow:var(--unit-1-shadow)}.unit-banner{gap:var(--s4);border-radius:var(--r1);padding:var(--s5);background:var(--unit);color:var(--on-unit);box-shadow:0 var(--depth) 0 var(--unit-shadow);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.unit-banner h2{font-size:var(--xl)}.unit-banner .eyebrow{margin-bottom:var(--s1)}.unit-banner-text>p:last-child{margin-top:var(--s2);font-size:var(--sm);line-height:1.5}.unit-banner :focus-visible{outline-color:var(--on-unit)}.unit-guide-link{align-items:center;gap:var(--s2);min-height:48px;padding:var(--s2) var(--s4);color:var(--on-unit);border:var(--line) solid #ffffff80;border-radius:var(--r1);box-shadow:0 var(--depth) 0 var(--unit-shadow);font-size:var(--sm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;font-weight:800;display:inline-flex}.unit-guide-link:active{transform:translateY(var(--depth));box-shadow:none}.unit-picker{align-items:center;gap:var(--s3);font-size:var(--xs);flex-direction:row;grid-column:1/-1;font-weight:700;display:flex}.unit-picker select{-webkit-appearance:auto;appearance:auto;min-height:36px;padding:var(--s1) var(--s2);font-size:var(--xs);background:var(--unit-shadow);color:var(--on-unit);border:var(--line) solid #fff6;width:auto;max-width:70%;font-weight:800}.unit-picker option{background:var(--surface);color:var(--text)}.learning-path{justify-items:center;gap:var(--s5);padding:var(--s8) 0 var(--s6);display:grid;position:relative}.path-step{--shift:0px;justify-items:center;gap:var(--s3);text-align:center;width:220px;transform:translateX(var(--shift));display:grid}.path-step.step-1{--shift:64px}.path-step.step-3{--shift:-64px}.path-step.current{margin-top:44px}.path-mascot{top:calc(var(--s8) + 64px);pointer-events:none;position:absolute;left:calc(50% - 250px)}.path-mascot .scene-art{width:140px;height:140px}.node-area{position:relative}.path-node{background:var(--border);width:76px;height:72px;color:var(--muted);box-shadow:0 8px 0 var(--border);border:0;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.path-node{box-shadow:0 8px 0 color-mix(in srgb, var(--border), #000 18%)}}.path-node{transition:transform var(--fast), box-shadow var(--fast);place-items:center;display:grid}.path-node>span{place-items:center;display:grid}.path-node.ready,.path-node.done{background:var(--unit);color:var(--on-unit);box-shadow:0 8px 0 var(--unit-shadow)}.path-node:not(:disabled):hover{filter:brightness(1.06)}.path-node:not(:disabled):active{box-shadow:none;transform:translateY(8px)}.path-step.current .path-node{outline:7px solid var(--unit)}@supports (color:color-mix(in lab, red, red)){.path-step.current .path-node{outline:7px solid color-mix(in srgb, var(--unit), transparent 72%)}}.path-step.current .path-node{outline-offset:6px}.node-callout{white-space:nowrap;background:var(--sun);color:var(--on-sun);padding:var(--s1) var(--s4);font-size:var(--sm);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px 0 var(--sun-shadow);border-radius:12px;font-weight:800;animation:1.6s ease-in-out infinite callout-bob;position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%)}.node-callout:after{content:"";background:var(--sun);border-radius:2px;width:14px;height:14px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes callout-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.node-callout{animation:none}}.node-label{gap:2px;display:grid}.node-label>span{font-size:var(--xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800}.node-label h3{font-size:var(--base)}.node-label>p{color:var(--muted);font-size:var(--sm);line-height:1.4}.unit-outcome{align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);display:flex}.outcome-icon{color:var(--unit)}.unit-outcome .eyebrow{color:var(--muted);margin-bottom:var(--s1)}.unit-outcome p:last-child{margin-top:var(--s2)}.unit-navigation{margin-top:var(--s4)}.daily-column{gap:var(--s5);display:grid}.daily-column h2{font-size:var(--base)}.daily-column .card>p{margin-top:var(--s4)}.duo-card{background:var(--warning-soft);box-shadow:none;border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.duo-card{border-color:color-mix(in srgb, var(--warning), transparent 75%)}}.duo-card h2,.duo-card svg{color:var(--warning)}.duo-card .text-button{color:var(--warning);margin-top:var(--s3)}.duo-card p{color:var(--warning)}.mobile-nav{display:none}.app-footer{justify-content:center;gap:var(--s3);color:var(--muted);font-size:var(--xs);padding:var(--s5) var(--s6);border-top:var(--line) solid var(--border);display:flex}.loading-screen{place-content:center;justify-items:center;gap:var(--s3);min-height:100vh;padding:var(--s6);text-align:center;display:grid}.loading-screen .scene-art{width:160px;height:160px}.loading-screen h1{font-size:var(--xl)}.welcome{max-width:var(--width);padding:var(--s7);justify-content:center;gap:var(--s8);flex-direction:column;min-height:100vh;margin:auto;display:flex}.welcome-layout{gap:var(--s8);grid-template-columns:1.2fr 1fr;align-items:center;display:grid}.welcome h1{margin:var(--s5) 0}.welcome h1 em{color:var(--accent);font-style:normal}.welcome-layout>div>p{max-width:var(--lesson);color:var(--muted)}.welcome .coach{margin-top:var(--s6);max-width:var(--lesson)}.welcome .coach p{font-size:var(--base)}.check-list{gap:var(--s3);margin:var(--s6) 0 0;padding:0;list-style:none;display:grid}.check-list li{align-items:center;gap:var(--s3);display:flex}.check-list svg{color:var(--success);width:var(--lg)}.welcome .card>p:last-child{margin-top:var(--s5)}.section-title{justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s4);display:flex}.review-hero{gap:var(--s5);align-items:flex-start;display:flex}.review-list{gap:var(--s3);display:grid}.review-list .card{padding:var(--s4) var(--s5)}.review-list .card svg{color:var(--accent)}.stats-grid{gap:var(--s5);grid-template-columns:repeat(3,1fr);display:grid}.stat{gap:var(--s1) var(--s4);grid-template-columns:auto 1fr;align-items:center;display:grid}.stat .tile-icon{grid-row:span 2}.stat>strong{font-size:var(--xl)}.ability-row{gap:var(--s5);padding:var(--s5) 0;border-bottom:var(--line) solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.ability-row:last-child{border:0;padding-bottom:0}.ability-emoji{font-size:var(--xl)}.ability-row .meter{margin-top:var(--s3)}.ability-row .meter .small{font-size:var(--xs)}.ability-row .badge{text-align:center;max-width:180px}.two-columns{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric-inline{align-items:baseline;gap:var(--s3);display:flex}.metric-inline strong{font-size:var(--xl);color:var(--accent)}.phrase-grid{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.phrase-grid .card>p{margin-top:var(--s3)}.phrase-grid .audio-block{margin-top:var(--s5)}.filter-row{gap:var(--s2);flex-wrap:wrap;display:flex}.filter-row button{padding:var(--s2) var(--s4);min-height:var(--control);border:var(--line) solid var(--border);background:var(--surface);color:var(--muted);border-radius:var(--pill);font-size:var(--sm);font-weight:650}.filter-row .active{color:var(--accent-ink);border-color:var(--accent);background:var(--accent-soft)}.duo-hero{gap:var(--s5);align-items:flex-start;display:flex}.duo-hero>svg{color:var(--accent)}.buddy-task .two-columns{margin:var(--s5) 0}.buddy-task .two-columns>div{padding:var(--s5);background:var(--bg);border-radius:var(--r1)}.buddy-task .eyebrow{color:var(--accent)}.source-links{gap:var(--s2);margin-top:var(--s4);font-size:var(--sm);flex-direction:column;display:flex}.completion{text-align:center;max-width:var(--lesson);margin:0 auto}.completion h1{margin:var(--s4) 0}.completion>p{color:var(--muted)}.celebration{justify-content:center;gap:var(--s6);color:var(--success);margin-bottom:var(--s6);animation:enter var(--slow) ease-out;align-items:center;display:flex}.celebration span{font-size:var(--xl);color:var(--warning)}.completion-stats{gap:var(--s4);margin:var(--s6) 0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-box{border:var(--line) solid var(--box);border-radius:var(--r1);background:var(--box);display:grid;overflow:hidden}.stat-box.xp{--box:var(--sun);--on-box:var(--on-sun);--box-ink:var(--text)}.stat-box.review{--box:var(--accent);--on-box:var(--on-accent);--box-ink:var(--accent-ink)}.stat-box.accuracy{--box:var(--success);--on-box:var(--on-success);--box-ink:var(--success)}.stat-box-label{padding:var(--s1) var(--s3);color:var(--on-box);font-size:var(--xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.stat-box strong{justify-content:center;align-items:center;gap:var(--s2);padding:var(--s3);border-radius:calc(var(--r1) - 3px);background:var(--surface);color:var(--box-ink);font-family:var(--display-font);font-size:var(--xl);font-weight:600;display:flex}.stat-box.xp strong>svg{color:var(--sun)}.completion>.coach{text-align:left;margin:var(--s5) 0 var(--s6)}.completion .btn+.btn{margin-top:var(--s4)}.finish-card{text-align:center;padding:var(--s7) var(--s6)}.finish-card h1{font-size:var(--xl);margin:var(--s5) 0 var(--s3)}.success-medallion{color:var(--success);justify-content:center;display:flex}dialog{max-width:calc(var(--lesson) - var(--s8));width:calc(100% - var(--s6));padding:var(--s6);color:var(--text);background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r2);box-shadow:var(--soft-shadow);margin:auto}dialog::backdrop{-webkit-backdrop-filter:blur(var(--s1));backdrop-filter:blur(var(--s1));background:#101f3080}dialog h2{font-size:var(--xl);margin-bottom:var(--s4)}dialog .row,dialog label{margin-top:var(--s5)}.design-page{max-width:var(--width);padding:var(--s7);gap:var(--s5);margin:auto;display:grid}.design-page .badge{margin-right:var(--s3)}.design-dark{background:var(--bg);color:var(--text);border-radius:var(--r2);padding:var(--s4)}.design-page label,.design-page .coach{margin-top:var(--s5)}@keyframes breathe{50%{transform:translateY(calc(-1 * var(--s1)))}}@keyframes float{50%{transform:translateY(calc(-1 * var(--s2))) rotate(3deg)}}@keyframes enter{0%{opacity:0;transform:translateY(var(--s4))}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.dashboard-grid{gap:var(--s5);grid-template-columns:minmax(0,1fr) 250px}.content{padding:var(--s6)}.topbar{padding:var(--s4) var(--s6)}.welcome-coach{display:none}.page-title h1{font-size:var(--xl)}.daily-column .card{padding:var(--s4)}.sidebar{width:88px;padding:var(--s5) var(--s3);align-items:center}.sidebar .brand{margin:0 0 var(--s5)}.sidebar .brand>span:not(.brand-mark),.sidebar nav button>span:not(.nav-count),.sidebar-bottom{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar nav button{padding:var(--s2);justify-content:center;position:relative}.sidebar .nav-count{position:absolute;top:2px;right:2px}.app-body{width:calc(100% - 88px);margin-left:88px}.ability-row{grid-template-columns:auto 1fr}.ability-row .badge{grid-column:2;justify-self:start}.unit-banner{padding:var(--s5)}.unit-banner h2{font-size:var(--lg)}}@media (max-width:980px){.dashboard-grid{grid-template-columns:1fr}.daily-column{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-column>.card:last-child{grid-column:span 2}.welcome{gap:var(--s6);padding:var(--s6)}.welcome-layout{gap:var(--s6)}.welcome h1{font-size:var(--xl)}.topbar>.row:first-child .small{font-size:var(--xs)}.stats-grid{gap:var(--s3)}.stat{text-align:center;grid-template-columns:1fr}.stat .tile-icon{grid-row:auto;margin:auto}.phrase-grid{grid-template-columns:1fr}}@media (max-width:760px){:root{--display:2rem}.sidebar{display:none}.app-body{width:100%;margin-left:0}.topbar{padding:var(--s3) var(--s4);min-height:var(--nav-height)}.topbar>.row:first-child{gap:var(--s2)}.topbar>.row:first-child .small{max-width:140px;font-size:var(--xs);line-height:1.4}.topbar>.row:last-child{gap:var(--s3)}.profile-picker select{min-width:0;max-width:140px;min-height:var(--s6);padding:var(--s2) var(--s6) var(--s2) var(--s3)}.desktop-only{display:none}.content{padding:var(--s5) var(--s4) calc(var(--nav-height) + var(--s6));gap:var(--s5)}.page-title{padding-bottom:0}.page-title h1{font-size:var(--xl);line-height:1.2}.page-title p:not(.eyebrow){font-size:var(--sm);margin-top:var(--s3)}.page-title.compact h1{font-size:var(--xl)}.unit-banner{padding:var(--s4);gap:var(--s3)}.unit-banner h2{font-size:var(--lg)}.unit-guide-link{padding:var(--s2) var(--s3)}.unit-picker select{max-width:65%}.learning-path{padding-top:calc(var(--s8) + var(--s3))}.path-step{width:180px}.path-step.step-1{--shift:44px}.path-step.step-3{--shift:-44px}.path-mascot{display:none}.unit-outcome{padding:var(--s4)}.unit-outcome strong{font-size:var(--sm)}.daily-column{grid-template-columns:1fr}.daily-column>.card:last-child{grid-column:auto}.daily-column .card{padding:var(--s5)}.mobile-nav{z-index:10;background:var(--surface);border-top:var(--line) solid var(--border);padding:var(--s2) var(--s1) max(var(--s2), env(safe-area-inset-bottom));display:flex;position:fixed;inset:auto 0 0}.mobile-nav button{color:var(--muted);border:var(--line) solid transparent;min-height:52px;font-size:var(--xs);background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:800;display:flex;position:relative}.mobile-nav button[aria-current=page]{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent-line)}.mobile-nav .nav-count{top:0;left:calc(50% + var(--s2));margin:0;position:absolute}.app-footer{display:none}.two-columns{grid-template-columns:1fr}.card{padding:var(--s5)}.stats-grid .card{padding:var(--s4) var(--s2)}.stat>strong{font-size:var(--lg)}.stats-grid .small{font-size:var(--xs)}.ability-row{gap:var(--s3);padding:var(--s5) 0}.review-hero{flex-direction:column}.review-hero .tile-icon{width:var(--control);height:var(--control)}.review-list .row.between{gap:var(--s2)}.review-list .row.between>.small{white-space:nowrap;font-size:var(--xs)}.welcome{padding:var(--s5);gap:var(--s7)}.welcome-layout{gap:var(--s6);grid-template-columns:1fr}.welcome h1{font-size:var(--display)}.welcome .coach p{font-size:var(--sm)}.welcome .check-list{display:none}.welcome .badge{font-size:var(--xs)}.completion h1{font-size:var(--xl)}.completion-stats{gap:var(--s3)}.duo-hero{gap:var(--s4)}.duo-hero>svg{width:var(--s6)}.buddy-task .row h2{font-size:var(--base)}.buddy-task .two-columns{gap:var(--s3)}.design-page{padding:var(--s5)}}.guide-note{margin:var(--s4) 0}.guide-example{padding:var(--s4);border-radius:var(--r1);background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.library-tabs{gap:var(--s2);padding:var(--s2);background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r1);display:flex}.library-tabs button{justify-content:center;align-items:center;gap:var(--s2);min-height:var(--control);padding:var(--s3);border-radius:var(--r1);color:var(--muted);background:0 0;border:0;flex:1;font-weight:700;display:flex}.library-tabs button[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-soft)}.story-grid{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story-card{gap:var(--s4);flex-direction:column;display:flex}.story-card .btn{margin-top:auto}.story-emoji{font-size:var(--xl)}.story-locked{background:var(--surface)}.story-prompt{font-size:var(--base);font-weight:500;line-height:1.8}.story-translation{margin:var(--s4) 0;font-size:var(--sm);color:var(--muted)}.story-translation summary{color:var(--accent);cursor:pointer;min-height:var(--control);padding:var(--s2) 0}.story-translation p{padding:var(--s4);background:var(--warning-soft);color:var(--warning);border-radius:var(--r1)}.check-steps{gap:var(--s5);padding:var(--s6) 0;margin:0;list-style:none;display:grid}.check-steps li{gap:var(--s4);align-items:flex-start;display:flex}.check-steps svg{color:var(--accent);flex-shrink:0}.check-steps p{font-size:var(--sm);color:var(--muted);margin-top:var(--s1)}.diagnostic-grid{gap:var(--s4);margin:var(--s5) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.diagnostic-grid>div{padding:var(--s4);background:var(--bg);border-radius:var(--r1);text-align:center;align-items:center;gap:var(--s3);flex-direction:column;display:flex}.diagnostic-grid strong{font-size:var(--xl)}.diagnostic-grid span{font-size:var(--sm);color:var(--muted)}.diagnostic-grid svg{color:var(--accent)}.diagnostic-result{text-align:left}.completion .diagnostic-result{margin-top:var(--s5)}@media (max-width:760px){.story-grid{grid-template-columns:1fr}.diagnostic-grid{gap:var(--s2)}.diagnostic-grid>div{padding:var(--s3) var(--s2)}.diagnostic-grid span{font-size:var(--xs)}.diagnostic-grid strong{font-size:var(--lg)}.library-tabs button{font-size:var(--sm);padding:var(--s3) var(--s2)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.local-note{font-size:var(--xs);color:var(--muted);padding:var(--s2) var(--s3);background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r1);justify-self:start}.skip-link{top:var(--s3);left:var(--s3);z-index:100;padding:var(--s3) var(--s5);border-radius:var(--r1);background:var(--accent);color:var(--on-accent);font-weight:700;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}h1,h2{letter-spacing:-.01em}.mobile-study-plan{display:none}.study-focus{gap:var(--s2);border:0;margin:0;padding:0;display:grid}.study-focus legend{margin-bottom:var(--s3);font-weight:750}.study-focus label{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:var(--heavy) solid var(--border);border-radius:var(--r1);background:var(--surface);cursor:pointer;flex-direction:row;display:flex}.study-focus label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.study-focus label>span,.study-focus label>span>span{display:block}.study-focus input{flex-shrink:0}.study-route-switch{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-block:var(--line) solid var(--border);display:flex}.study-route-switch .text-button{font-size:var(--sm)}.assessment-steps{gap:var(--s5);padding-bottom:var(--s5);margin-bottom:var(--s5);border-bottom:var(--line) solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.assessment-steps>div{gap:var(--s2);align-content:start;display:grid}.assessment-steps svg{color:var(--accent)}.assessment-steps~.row{margin-top:var(--s5)}.conversation-next{gap:var(--s6);grid-template-columns:1fr 1.5fr;align-items:center;display:grid}.conversation-next h2{font-size:var(--xl);margin:var(--s3) 0}.conversation-next .btn{margin-top:var(--s5)}.placement-invitation{align-items:center;gap:var(--s4);padding:var(--s4) 0;display:flex}.placement-invitation>svg{color:var(--accent)}.placement-invitation>div{flex:1}.placement-invitation .btn{font-size:var(--sm)}.conversation-stage-tabs{gap:var(--s3);display:flex}.conversation-stage-tabs button{gap:var(--s3);min-height:var(--control);padding:var(--s3);border:var(--heavy) solid var(--border);border-radius:var(--r1);background:var(--surface);color:var(--muted);text-align:left;font-size:var(--sm);flex:1;align-items:center;font-weight:750;display:flex}.conversation-stage-tabs button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.conversation-stage-tabs button>span{border:var(--heavy) solid currentColor;width:var(--s6);height:var(--s6);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.conversation-path{max-width:var(--lesson);width:100%;margin-inline:auto}.conversation-pair{text-align:left;margin:var(--s5) 0}.conversation-pair .row{margin-bottom:var(--s4)}.placement-completion .diagnostic-grid{margin:var(--s5) 0}.placement-completion>.small{margin-bottom:var(--s5)}.review-choices{gap:var(--s4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.review-choices .card{padding:var(--s5) var(--s4);gap:var(--s3);box-shadow:none;flex-direction:column;display:flex}.review-choices .card>svg{color:var(--accent)}.review-choices .card p{flex:1}.review-choices .btn{font-size:var(--sm);padding-inline:var(--s3)}.completion .celebration{animation:none}.completion .celebration>.scene-art{width:152px;height:152px;animation:.42s ease-out character-celebrate}@media (max-width:760px){.completion .celebration{margin-bottom:var(--s3)}.completion .celebration>.scene-art{width:112px;height:112px}.completion h1{margin:var(--s2) 0}.completion-stats{margin:var(--s4) 0}.stat-box strong{font-size:var(--lg)}.completion>.coach{margin:var(--s4) 0 var(--s2)}.completion .btn+.btn{margin-top:var(--s2)}}@keyframes character-celebrate{0%{transform:translateY(8px)scale(.88)rotate(-5deg)}65%{transform:translateY(-3px)scale(1.03)rotate(2deg)}to{transform:translateY(0)scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.completion .celebration>.scene-art{animation:none}}.scene-art{flex-shrink:0;width:128px;height:128px;display:block;position:relative}.scene-art>img,.scene-art>svg{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;overflow:visible}.scene-art.framing-portrait{border-radius:var(--pill);background:var(--accent-soft);overflow:hidden}.scene-art.framing-portrait>img{object-fit:contain;width:185%;max-width:none;height:185%;position:absolute;top:-2%;left:-42.5%}.coach>.scene-art{width:56px;height:56px}.scene-art .art-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite art-blink}.scene-art .art-wave{transform-box:view-box;transform-origin:150px 108px;animation:1.6s ease-in-out infinite art-wave}.scene-art .art-float{animation:2.4s ease-in-out infinite art-float}.scene-art>svg.art-hop{animation:1.2s ease-in-out infinite art-hop}@keyframes art-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes art-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes art-float{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-4px)}}@keyframes art-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-6%)}}@media (prefers-reduced-motion:reduce){.scene-art .art-blink,.scene-art .art-wave,.scene-art .art-float,.scene-art>svg.art-hop{animation:none}}.welcome-coach>.scene-art{width:140px;height:140px}.illustrated-choices{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr))}.illustrated-choices .answer-choice{text-align:center;justify-content:flex-start;gap:var(--s2);padding:var(--s4) var(--s2);min-height:calc(var(--node) + var(--s8));flex-direction:column;line-height:1.35;position:relative}.illustrated-choices .answer-choice>svg:not(.scene-art){top:var(--s2);right:var(--s2);width:var(--s4);height:var(--s4);position:absolute}.illustrated-choices .answer-choice.selected .scene-art{animation:character-confirm var(--normal) ease-out}@keyframes character-confirm{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)rotate(-3deg)}}@media (max-width:1000px){.review-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-next{grid-template-columns:1fr}}@media (max-width:760px){.mobile-study-plan{display:block}.daily-column>.daily-plan{display:none}.study-route-switch{align-items:flex-start;gap:var(--s1);flex-direction:column}.assessment-steps{gap:var(--s3)}.assessment-steps strong{font-size:var(--sm)}.assessment-steps .small{font-size:var(--xs)}.conversation-next{gap:var(--s5)}.conversation-next h2{font-size:var(--lg)}.placement-invitation{flex-wrap:wrap}.placement-invitation .btn{width:100%}.conversation-stage-tabs{gap:var(--s2)}.conversation-stage-tabs button{padding:var(--s2);font-size:var(--xs);align-items:flex-start;gap:var(--s2);flex-direction:column}.review-choices .card{padding:var(--s4)}}@media (prefers-reduced-motion:reduce){.scene-art{animation:none}}.illustration-gallery{gap:var(--s5);margin-top:var(--s5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.illustration-gallery figure{align-items:center;gap:var(--s3);flex-direction:column;margin:0;display:flex}.illustration-gallery .scene-art{width:100%;max-width:192px;height:192px}.illustration-gallery figcaption{text-align:center;font-weight:750}@media (max-width:760px){.illustration-gallery{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}.illustration-gallery .scene-art{max-width:144px;height:144px}}.unit-sound{gap:var(--s3);display:grid}.unit-sound-list{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.unit-sound-list li{gap:var(--s2);padding:var(--s3);border:var(--line) solid var(--border);border-radius:var(--r1);display:grid}.unit-sound-list p{margin:0;font-size:1.1rem}.unit-sound-list strong{color:var(--accent-text,var(--text));text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px}.trap-list{gap:var(--s3);margin:var(--s3) 0 0;padding:0;list-style:none;display:grid}.trap-list li{gap:var(--s1);padding:var(--s3);border:var(--line) solid var(--border);border-radius:var(--r1);display:grid}.trap-pair{gap:var(--s2);flex-wrap:wrap;align-items:baseline;font-weight:700;display:flex}.trap-pair s{color:var(--danger)}.trap-right{color:var(--success)}.honest-start{margin:var(--s4) 0}.checklist{gap:var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none;display:grid}.checklist label{gap:var(--s2);cursor:pointer;align-items:center;min-height:44px;display:flex}.checklist input{width:22px;height:22px;accent-color:var(--accent)}.voice-summary,.ai-phrase-review{gap:var(--s2);display:grid}.voice-summary h3,.voice-summary h4{margin:0}.voice-summary ul,.pronunciation-opinion ul{gap:var(--s2);margin:0;padding-left:1.2em;display:grid}.voice-summary s{color:var(--muted,inherit)}.ai-phrase-prompt{margin:0;font-size:1.2rem;font-weight:700}.ai-phrase-answer{color:var(--accent-text,var(--text));margin:0;font-size:1.2rem}.pronunciation-ask{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.pronunciation-opinion{gap:var(--s2);padding:var(--s3);border:var(--line) solid var(--border);border-radius:var(--r1);display:grid}.pronunciation-opinion p{margin:0}.streak-chip{padding:2px var(--s2);background:var(--sun);color:var(--on-sun);white-space:nowrap;border-radius:999px;font-weight:800;animation:.35s ease-out streak-pop}.streak-badge{margin-top:var(--s1);padding:2px var(--s3);background:var(--sun);color:var(--on-sun);border-radius:999px;font-weight:800;animation:.4s ease-out streak-pop;display:inline-block}.answer-sheet.positive .answer-icon{animation:.4s ease-out streak-pop}@keyframes streak-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.completion{position:relative}.confetti{pointer-events:none;height:0;position:absolute;inset:0 0 auto;overflow:visible}.confetti span{top:-12px;left:var(--x);background:var(--color);opacity:0;width:9px;height:14px;animation:confetti-fall 1.8s ease-in var(--delay) forwards;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--drift), 420px) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.streak-chip,.streak-badge,.answer-sheet.positive .answer-icon{animation:none}}.terms{max-width:44rem;padding:var(--s6) var(--s4) 64px;margin:0 auto;line-height:1.6}.terms h1{font-family:var(--display-font)}.terms h2{margin-top:1.6em}.macaw-avatar{border-radius:50%;flex:none;place-items:end center;display:inline-grid;overflow:hidden}.macaw-avatar svg{width:100%;height:100%;display:block}.badge-art{width:72px;height:auto;display:block}.illustration-gallery.avatars,.illustration-gallery.badges{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.illustration-gallery.badges .badge-art{margin:0 auto}.avatar-button{border:var(--line) solid var(--border);cursor:pointer;background:0 0;border-radius:50%;padding:0;line-height:0}.avatar-button[aria-current=page]{border-color:var(--accent)}.avatar-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.profile-page{gap:var(--s6);display:grid}.profile-page h2{font-family:var(--display-font);margin:0 0 var(--s4)}.profile-hero{align-items:center;gap:var(--s6);flex-wrap:wrap;display:flex}.profile-hero-text{gap:var(--s3);flex:260px;justify-items:start;display:grid}.profile-hero h1{font-family:var(--display-font);font-size:var(--display);margin:0}.profile-hero p{margin:0}.profile-badges{gap:var(--s4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.profile-badges li{justify-items:center;gap:var(--s1);font-weight:800;font-size:var(--xs);text-transform:uppercase;letter-spacing:.06em;display:grid}.profile-badges .badge-art{width:56px}.profile-stats{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.profile-stat{--box:var(--accent);--on-box:var(--on-accent);--box-ink:var(--accent-ink)}.profile-stat strong{font-size:var(--lg,1.35rem);flex-direction:column;gap:0}.profile-stat-note{font-family:var(--font);font-size:var(--xs);color:var(--muted);text-align:center;font-weight:700}.achievement-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.achievement{gap:var(--s4);padding:var(--s4);border:var(--line) solid var(--border);border-radius:var(--r1);background:var(--surface);align-items:center;display:flex}.achievement>div{gap:var(--s1);flex:1;display:grid}.achievement p{margin:0}.achievement .badge-art{flex:none;width:64px}.achievement-done{padding:2px var(--s3);background:var(--sun);color:var(--on-sun);font-size:var(--xs);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;justify-self:start;font-weight:800}.supporter-card h2{margin-bottom:var(--s2)}.macaw-editor{width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.macaw-editor-preview{margin:var(--s3) 0 var(--s4);justify-content:center;display:flex}.macaw-editor fieldset{margin:0 0 var(--s4);border:0;padding:0}.macaw-editor legend{margin-bottom:var(--s2);font-weight:800}.macaw-options{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.macaw-options button{align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:var(--line) solid var(--border);border-radius:var(--r1);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;font-weight:700;display:flex}.macaw-options.accessories button{text-align:center;flex-direction:column}.macaw-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.macaw-options button{position:relative}.macaw-options button:disabled{cursor:not-allowed;background:var(--bg);border-style:dashed}.option-check{background:var(--accent);width:22px;height:22px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.macaw-options .swatch{border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 2px #00000014}.macaw-options .exclusive{align-items:center;gap:4px;display:inline-flex}@media (max-width:480px){.topbar>.row:first-child .small{display:none}}.supporter-card{gap:var(--s3);justify-items:start;display:grid}.supporter-card p{margin:0}.supporter-ending,.supporter-note{padding:var(--s2) var(--s3);border-radius:var(--r1);background:var(--accent-soft);font-weight:700}.avatar-button{position:relative}.avatar-badge{width:20px;line-height:0;position:absolute;bottom:-6px;right:-6px}.avatar-badge .badge-art{width:20px}.support-banner{align-items:center;gap:var(--s4);margin-bottom:var(--s5);padding:var(--s3) var(--s4);border:var(--line) solid var(--border);border-radius:var(--r1);background:var(--surface);flex-wrap:wrap;display:flex}.support-banner-art .badge-art{width:44px}.support-banner-text{flex:220px;gap:2px;display:grid}.support-banner-close{color:var(--muted);padding:var(--s1);cursor:pointer;background:0 0;border:0;border-radius:50%;line-height:0}.support-banner-close:focus-visible{outline:3px solid var(--accent)}.missions{gap:var(--s4);margin-bottom:var(--s5);display:grid;position:relative}.missions-head{align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.missions-head h2{font-family:var(--display-font);margin:0}.freeze-chip{align-items:center;gap:var(--s1);padding:2px var(--s3);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--xs);border-radius:999px;margin-left:auto;font-weight:800;display:inline-flex}.freeze-saved{padding:var(--s2) var(--s3);border-radius:var(--r1);background:var(--accent-soft);margin:0;font-weight:700}.mission-list{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.mission-list li{align-items:center;gap:var(--s3);display:flex}.mission-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-ink);border-radius:12px;flex:none;place-items:center;display:grid}.mission-list li.done .mission-icon{background:var(--sun);color:var(--on-sun)}.mission-body{flex:1;gap:2px;display:grid}.mission-title{font-weight:800}.mission-chest{align-items:center;gap:var(--s4);padding-top:var(--s3);border-top:var(--line) solid var(--border);display:flex}.mission-chest p{margin:0 0 var(--s2)}.chest-art{flex:none;width:84px}.chest-art.open .chest-sparkles{animation:1.4s ease-in-out infinite alternate chest-twinkle}@keyframes chest-twinkle{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.chest-art.open .chest-sparkles{animation:none}}.supporter-perks{padding-left:var(--s5);gap:2px;margin:0;display:grid}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.real-life{gap:var(--s5);min-width:0;display:grid}.real-life>.text-button{justify-self:start}.life-heading{justify-content:space-between;align-items:center;gap:var(--s5);display:flex}.life-heading h1{margin:var(--s3) 0}.life-heading p{color:var(--muted)}.life-heading-art{width:var(--life-portrait);flex-shrink:0}.life-heading-art .scene-art{width:100%;height:var(--life-portrait)}.life-scenes{gap:var(--s2);flex-wrap:wrap;display:flex}.life-scenes button{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);min-height:var(--control);background:var(--surface);color:var(--muted);border:var(--heavy) solid var(--border);border-radius:var(--r1);font-size:var(--sm);font-weight:750;display:flex}.life-scenes button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.life-scenes button:hover{border-color:var(--accent)}.life-goal{align-items:flex-start;gap:var(--s3);padding-block:var(--s4);border-block:var(--line) solid var(--border);display:flex}.life-goal>svg{color:var(--accent);margin-top:var(--s1)}.life-goal p{margin-top:var(--s1)}.life-word-intro{gap:var(--s5);justify-content:space-between;align-items:center;display:flex}.life-word-intro p{margin-top:var(--s2);max-width:65ch}.life-word-intro .btn{flex-shrink:0}.life-search>span{gap:var(--s2);align-items:center;display:flex}.life-word-grid{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.life-word{text-align:center;justify-content:center;align-items:center;gap:var(--s1);padding:var(--s4) var(--s3);color:var(--text);background:var(--surface);border:var(--heavy) solid var(--border);border-radius:var(--r1);box-shadow:0 var(--rise) 0 var(--border);transition:transform var(--fast), border-color var(--fast);flex-direction:column;display:flex}.life-word:hover{border-color:var(--accent);transform:translateY(calc(-1 * var(--line)))}.life-word[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.life-word>strong{font-size:var(--lg)}.life-word-picture{width:var(--life-picture-width);height:var(--life-picture-height);max-width:100%;font-size:var(--display);margin-bottom:var(--s2);flex-shrink:0;place-items:center;display:grid}.life-word-picture svg{width:100%;height:100%;overflow:hidden}.life-word-detail{scroll-margin-top:var(--life-detail-offset)}.life-practice,.life-rehearsal{gap:var(--s4);box-shadow:none;display:grid}.life-practice-object{align-items:center;gap:var(--s5);display:flex}.life-practice-object h2{font-size:var(--xl)}.life-model{padding:var(--s4);border-radius:var(--r1);background:var(--accent-soft)}.life-model p{margin-top:var(--s2)}.life-model h3{font-size:var(--lg)}.life-word-audio{gap:var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.life-word-audio>div>p{margin-bottom:var(--s2)}.life-question summary{color:var(--accent);cursor:pointer;min-height:var(--control);padding:var(--s2) 0;font-weight:700}.life-question[open] p{padding:var(--s3) var(--s4);background:var(--bg);border-radius:var(--r1)}.live-conversation{gap:var(--s5);display:grid}.voice-unavailable{gap:var(--s4);box-shadow:none;display:grid}.voice-unavailable>.btn{justify-self:start;margin-top:0}.voice-stage{grid-template-columns:var(--life-portrait) minmax(0, 1fr);gap:var(--s5);box-shadow:none;align-items:center;display:grid}.voice-stage-art .scene-art{width:100%;height:var(--life-portrait)}.voice-stage h2{margin:var(--s3) 0;font-size:var(--xl)}.voice-time{font-size:var(--xl);font-variant-numeric:tabular-nums;color:var(--accent);margin-top:var(--s3);font-weight:800}.voice-levels{gap:var(--s3);border:0;margin:0;padding:0;display:grid}.voice-levels legend{margin-bottom:var(--s3);font-weight:750}.voice-levels label{align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border:var(--heavy) solid var(--border);background:var(--surface);border-radius:var(--r1);cursor:pointer;flex-direction:row;display:flex}.voice-levels input{margin-top:var(--s1);flex-shrink:0}.voice-levels label:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}.voice-levels label span span{display:block}.voice-options{gap:var(--s5);grid-template-columns:1fr 2fr;align-items:start;display:grid}.voice-consent{align-items:flex-start;gap:var(--s3);flex-direction:row;display:flex}.voice-consent input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:var(--s4);min-height:var(--s4);height:var(--s4);margin-top:var(--s1);flex-shrink:0;padding:0}.voice-toolbar,.voice-help{gap:var(--s3);flex-wrap:wrap;display:flex}.voice-help .btn{font-size:var(--sm);padding-inline:var(--s4)}.voice-text{gap:var(--s3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.voice-text .btn{margin-bottom:var(--rise)}.voice-transcript{gap:var(--s4);max-height:var(--voice-transcript-height);padding:var(--s4);background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r1);display:grid;overflow-y:auto}.voice-message{padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--bg);justify-self:start;max-width:95%}.voice-message.user{background:var(--accent-soft);justify-self:end}.voice-message p{margin-top:var(--s1)}.life-rehearsal textarea::placeholder,.voice-options textarea::placeholder{color:var(--muted)}@media (max-width:760px){.life-heading-art{width:calc(var(--life-portrait) / 2)}.life-heading-art .scene-art{height:calc(var(--life-portrait) / 2)}.life-heading h1{font-size:var(--xl)}.life-heading{gap:var(--s3)}.life-heading .badge{font-size:var(--xs)}.life-heading p{font-size:var(--sm)}.life-scenes button{flex:1 1 calc(50% - var(--s2));padding-inline:var(--s3)}.life-word-intro{align-items:stretch;gap:var(--s4);flex-direction:column}.life-word-intro>p,.life-word-intro p{font-size:var(--sm)}.life-modes button{gap:var(--s1);font-size:var(--xs);flex-direction:column}.life-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-word-picture{height:var(--node)}.life-practice-object{gap:var(--s3)}.life-practice-object>.life-word-picture{width:var(--node)}.life-practice-object h2{font-size:var(--lg)}.life-word-audio{gap:var(--s4);grid-template-columns:1fr}.life-practice,.life-rehearsal,.voice-stage{padding:var(--s4)}.voice-stage{grid-template-columns:var(--node) minmax(0, 1fr);gap:var(--s3)}.voice-stage-art .scene-art{height:var(--node)}.voice-stage h2{font-size:var(--lg)}.voice-options{grid-template-columns:1fr}.voice-toolbar>.btn{flex:1}.voice-help{gap:var(--s2)}.voice-help .btn{flex:1 1 calc(50% - var(--s2));font-size:var(--xs);padding-inline:var(--s2)}.voice-text{grid-template-columns:1fr}.voice-text .btn{justify-self:end}.voice-message{max-width:100%}}.life-entry{justify-content:space-between;align-items:center;gap:var(--s5);box-shadow:none;display:flex}.life-entry .btn{flex-shrink:0}@media (max-width:760px){.life-entry{flex-direction:column;align-items:stretch}}.voice-availability{padding:var(--s4);background:var(--warning-soft);color:var(--warning);border-radius:var(--r1)}.voice-availability p{margin-block:var(--s2) var(--s4)}.lesson-shell{max-width:calc(var(--lesson) + var(--s8));min-height:100vh;padding:var(--s5) var(--s6) 168px;margin:auto}.lesson-header{align-items:center;gap:var(--s4);margin-bottom:var(--s6);display:flex}.lesson-header progress{flex:1;height:18px;margin:0}.lesson-header .small{white-space:nowrap;color:var(--muted);font-weight:800}.exercise>.row:first-child{font-size:var(--xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.exercise h1{font-size:var(--xl);margin:var(--s4) 0 var(--s5)}.scene{gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface-2);border:var(--line) solid var(--border);border-radius:var(--r1);font-size:var(--sm);margin-bottom:var(--s5);align-items:flex-start;display:flex}.scene>svg{color:var(--accent)}.fill-meaning{gap:var(--s1);margin:var(--s4) 0;display:grid}.fill-meaning strong{font-size:var(--base)}.prompt{font-size:var(--lg);padding:var(--s4) var(--s5);background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r1);margin-bottom:var(--s5);font-weight:700;line-height:1.5}.speaker{align-items:flex-end;gap:var(--s2);margin:var(--s2) 0 var(--s5);display:flex}.speaker>.scene-art{width:112px;height:112px}.speech-bubble{min-width:0;margin-bottom:var(--s4);padding:var(--s3) var(--s4);background:var(--surface);border:var(--line) solid var(--border);border-radius:var(--r1);flex:1;position:relative}.speech-bubble:before{content:"";background:var(--surface);border-left:var(--line) solid var(--border);border-bottom:var(--line) solid var(--border);width:14px;height:14px;position:absolute;bottom:18px;left:-9px;transform:rotate(45deg)}.speech-bubble>p{font-size:var(--lg);margin-bottom:var(--s2);font-weight:700}.speech-bubble .audio-block{margin:0}.speech-bubble .audio-block .btn.secondary{background:var(--accent);color:var(--on-accent);box-shadow:0 var(--depth) 0 var(--accent-shadow);border-color:#0000}.listening-question{font-size:var(--lg);margin:0 0 var(--s4);font-weight:700}.audio-block{margin:var(--s3) 0}.audio-block .row{gap:var(--s3)}.audio-block .btn{min-height:46px;padding:var(--s2) var(--s4);font-size:var(--sm)}.audio-block .text-button{font-size:var(--xs);color:var(--muted)}.choices{gap:var(--s3);margin-top:var(--s5);display:grid}.answer-choice{align-items:center;gap:var(--s4);text-align:left;min-height:56px;padding:var(--s3) var(--s4);border:var(--line) solid var(--border);border-radius:var(--r1);background:var(--surface);color:var(--text);box-shadow:0 var(--depth) 0 var(--border);transition:background var(--fast), border-color var(--fast), transform var(--fast), box-shadow var(--fast);font-weight:700;display:flex}.answer-choice:hover{background:var(--surface-2)}.answer-choice:active{transform:translateY(var(--depth));box-shadow:none}.answer-choice.selected{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 var(--depth) 0 var(--accent-line)}.answer-choice>svg{margin-left:auto}.choice-number{border:var(--line) solid var(--border);width:30px;height:30px;font-size:var(--sm);color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.answer-choice.selected .choice-number{border-color:var(--accent-line);color:var(--accent-ink)}.word-answer{align-content:flex-start;gap:var(--s2);min-height:124px;padding:var(--s2) 0;margin-top:var(--s5);background:repeating-linear-gradient(transparent 0 60px, var(--border) 60px 62px);flex-wrap:wrap;display:flex}.word-answer>.muted{font-size:var(--sm);align-self:center}.word-bank{gap:var(--s2);margin:var(--s5) 0;flex-wrap:wrap;justify-content:center;display:flex}.word-chip{background:var(--surface);color:var(--text);border:var(--line) solid var(--border);box-shadow:0 var(--depth) 0 var(--border);padding:var(--s2) var(--s4);min-height:48px;font-size:var(--base);border-radius:12px;font-weight:700}.word-chip:active{transform:translateY(var(--depth));box-shadow:none}.word-chip:disabled{color:#0000;background:var(--border);border-color:var(--border);box-shadow:none}.response-field{margin-top:var(--s5)}.response-field input{font-size:var(--lg);min-height:60px;font-weight:700}.recorder{border:var(--line) solid var(--border);background:var(--surface);border-radius:var(--r1);padding:var(--s4);margin-top:var(--s5)}.recorder p{margin-top:var(--s3)}.recorder audio{width:100%;margin-top:var(--s4)}.self-rating{margin:var(--s5) 0 var(--s3);border:0;padding:0}.self-rating legend{margin-bottom:var(--s3);font-weight:800}.self-rating label{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:var(--line) solid var(--border);border-radius:var(--r1);box-shadow:0 var(--depth) 0 var(--border);margin-bottom:var(--s3);background:var(--surface);min-height:52px;font-size:var(--base);cursor:pointer;flex-direction:row;font-weight:700;display:flex}input[type=radio]{width:var(--lg);height:var(--lg);accent-color:var(--accent)}.self-rating label:has(input:checked){background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);box-shadow:0 var(--depth) 0 var(--accent-line)}.hint-area{margin-top:var(--s4);min-height:var(--control)}.hint{margin-top:var(--s3);padding:var(--s4);background:var(--warning-soft);border-radius:var(--r1)}.hint strong{color:var(--warning)}.hint p{font-size:var(--sm);margin-top:var(--s2)}.lesson-action-bar{z-index:12;justify-content:flex-end;align-items:center;gap:var(--s4);padding:var(--s4) max(var(--s6), calc(50% - var(--lesson) / 2)) max(var(--s4), env(safe-area-inset-bottom));background:var(--surface);border-top:var(--line) solid var(--border);display:flex;position:fixed;inset:auto 0 0}.lesson-action-bar>p,.lesson-action-bar>span{flex:1}.lesson-action-bar>.btn{flex-shrink:0;min-width:150px}.feedback-context{padding-bottom:232px}.question-recap{gap:var(--s2);padding:var(--s2) 0 var(--s5);display:grid}.recap-prompt{font-family:var(--display-font);font-size:var(--xl);font-weight:600;line-height:1.25}.recap-answer{margin-top:var(--s2);padding:var(--s3) var(--s4);border:var(--line) solid var(--border);border-radius:var(--r1);background:var(--surface-2);gap:2px;display:grid}.recap-answer>span:last-child{font-size:var(--lg);font-weight:800}.correction-practice{margin:0 0 var(--s5)}.correction-coach{gap:var(--s3);align-items:center;display:flex}.correction-coach .scene-art{width:64px;height:64px}.correction-practice .eyebrow{color:var(--danger)}.correction-practice form>p{margin-top:var(--s4)}.correction-practice .row{margin-top:var(--s5)}.answer-sheet{z-index:14;background:var(--sheet-bg);border-top:var(--line) solid var(--sheet-line);max-height:80vh;animation:sheet-up var(--normal) ease-out;position:fixed;inset:auto 0 0;overflow-y:auto}.answer-sheet.positive{--sheet-bg:var(--success-soft);--sheet-ink:var(--success);--sheet-line:color-mix(in srgb, var(--success), transparent 70%)}.answer-sheet.needs-work{--sheet-bg:var(--danger-soft);--sheet-ink:var(--danger);--sheet-line:color-mix(in srgb, var(--danger), transparent 70%)}.answer-sheet.neutral{--sheet-bg:var(--accent-soft);--sheet-ink:var(--accent-ink);--sheet-line:var(--accent-line)}.answer-sheet-inner{justify-content:space-between;align-items:flex-end;gap:var(--s5);max-width:calc(var(--lesson) + var(--s8));padding:var(--s5) var(--s6) max(var(--s5), env(safe-area-inset-bottom));margin:auto;display:flex}.answer-sheet-body{gap:var(--s2);flex:1;min-width:0;display:grid}.answer-sheet-title{align-items:center;gap:var(--s3);display:flex}.answer-sheet h1{font-size:var(--xl);color:var(--sheet-ink);margin:0}.answer-icon{background:var(--surface);width:48px;height:48px;color:var(--sheet-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.answer-sheet p[role=status]{color:var(--sheet-ink);font-weight:700}.model-answer{gap:var(--s1);display:grid}.model-answer .eyebrow{color:var(--sheet-ink);margin:var(--s2) 0 0}.model-answer strong{font-size:var(--lg)}.model-answer .audio-block{margin:var(--s2) 0 0}.answer-sheet-action{flex-shrink:0;min-width:160px}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.answer-sheet{animation:none}}@media (max-width:760px){.lesson-shell{padding:var(--s4) var(--s4) 176px}.lesson-header{margin-bottom:var(--s4);gap:var(--s3)}.exercise h1{font-size:var(--lg);margin:var(--s3) 0 var(--s4)}.prompt{padding:var(--s3) var(--s4);font-size:var(--base)}.exercise .scene{padding:var(--s3);margin-bottom:var(--s4)}.speaker>.scene-art{width:88px;height:88px}.speech-bubble>p,.listening-question{font-size:var(--base)}.answer-choice{min-height:52px;padding:var(--s3);gap:var(--s3);font-size:var(--sm)}.word-chip{padding:var(--s2) var(--s3)}.illustrated-choices{gap:var(--s2)}.illustrated-choices .answer-choice{min-height:calc(var(--node) + var(--s5));padding:var(--s3) var(--s1)}.illustrated-choices .scene-art{width:100%;max-width:104px;height:104px}.lesson-action-bar{padding:var(--s3) var(--s4) max(var(--s3), env(safe-area-inset-bottom));gap:var(--s2)}.exercise-actions.lesson-action-bar{grid-template-columns:1fr 1.7fr;align-items:center;display:grid}.exercise-actions.lesson-action-bar>p{font-size:var(--xs);text-align:center;grid-column:1/-1}.exercise-actions.lesson-action-bar>.btn:only-of-type{grid-column:1/-1}.exercise-actions.lesson-action-bar>.btn{min-width:0;padding-inline:var(--s2)}.preparation-actions.lesson-action-bar{flex-direction:column-reverse;align-items:stretch}.recap-prompt{font-size:var(--lg)}.feedback-context{padding-bottom:280px}.answer-sheet-inner{align-items:stretch;gap:var(--s3);padding:var(--s4) var(--s4) max(var(--s4), env(safe-area-inset-bottom));flex-direction:column}.answer-sheet h1{font-size:var(--lg)}.answer-sheet-action{width:100%}}@media (max-width:760px) and (max-height:660px){.exercise h1,.exercise .prompt{margin-bottom:var(--s3)}.exercise .choices{margin-top:var(--s3)}.illustrated-choices .answer-choice{padding-block:var(--s2);gap:var(--s1)}.exercise .hint-area{margin-top:var(--s2)}.speaker>.scene-art{width:72px;height:72px}}.answer-diff-box{gap:var(--s1);margin-top:var(--s2);display:grid}.answer-diff{flex-wrap:wrap;gap:6px;font-weight:700;display:flex}.diff-missing{border-bottom:3px solid;font-weight:900}.diff-extra{text-decoration:line-through;text-decoration-thickness:2px}.typo-word{font-weight:900}.cine-grid{gap:var(--s4);margin-top:var(--s4);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.cine-poster{text-align:left;color:var(--text);background:var(--surface);border:var(--line) solid var(--border);border-bottom-width:var(--depth);border-radius:var(--r1);cursor:pointer;grid-template-rows:auto 1fr;padding:0;display:grid;position:relative;overflow:hidden}.cine-poster:not(:disabled):hover{border-color:var(--unit)}.cine-poster:disabled{cursor:not-allowed}.cine-poster:disabled .cine-poster-art{filter:grayscale(.85);opacity:.6}.cine-poster-art{aspect-ratio:16/9;border-bottom:6px solid var(--unit);display:block}.cine-poster-art.radio{aspect-ratio:16/6;color:var(--text);background:color-mix(in srgb, var(--unit) 22%, var(--surface));place-items:center;display:grid}.cine-poster-art.radio svg{width:44px;height:44px}.cine-poster-art svg,.cine-stage .cine-backdrop{width:100%;height:100%;display:block}.cine-poster-text{padding:var(--s3) var(--s4) var(--s4);gap:2px;display:grid}.cine-poster-text strong{font-family:var(--display-font);font-size:var(--lg,1.15rem)}.cine-lock{top:var(--s2);right:var(--s2);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:50%;padding:6px;position:absolute}.cine-lock.done{color:var(--success)}.cine-stage{aspect-ratio:16/9;max-height:52vh;margin:var(--s3) auto 0;border-radius:var(--r1);border:var(--line) solid var(--border);width:100%;position:relative;overflow:hidden}.cine-actor{width:34%;transition:transform var(--fast);position:absolute;bottom:-2%}.cine-actor.left{left:10%}.cine-actor.right{right:10%;transform:scaleX(-1)}.cine-actor.right .cine-name{transform:scaleX(-1)}.cine-actor svg{width:100%;display:block}.cine-actor.speaking{animation:.5s ease-in-out infinite alternate cine-talk}.cine-actor.right.speaking{animation-name:cine-talk-flip}@keyframes cine-talk{to{transform:translateY(-4%)}}@keyframes cine-talk-flip{0%{transform:scaleX(-1)}to{transform:scaleX(-1)translateY(-4%)}}@media (prefers-reduced-motion:reduce){.cine-actor.speaking,.cine-actor.right.speaking{animation:none}}.cine-name{border-radius:var(--pill,999px);background:var(--surface);color:var(--text);font-size:var(--xs);padding:2px 10px;font-weight:800;position:absolute;bottom:8%;left:50%;translate:-50%}.cine-actor.speaking .cine-name{background:var(--sun);color:var(--on-sun)}.cine-subtitles{gap:var(--s1);min-height:132px;margin-top:var(--s3);padding:var(--s4);border-radius:var(--r1);background:var(--surface-2);border:var(--line) solid var(--border);text-align:center;display:grid}.cine-who{color:var(--muted);font-size:var(--xs);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:800}.cine-en{margin:0;font-size:1.35rem;font-weight:800;line-height:1.35}.cine-pt{margin:0;font-size:1.05rem}.cine-word{border:0;border-bottom:3px dotted var(--accent);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:0 2px}.cine-word.active{background:var(--accent-soft);color:var(--accent-ink)}.cine-gloss{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.cine-controls{gap:var(--s2);margin:var(--s3) 0;flex-wrap:wrap;justify-content:center;display:flex}.cine-modes{gap:var(--s2);margin:0 0 var(--s4);border:0;flex-wrap:wrap;padding:0;display:flex}.cine-modes legend{width:100%;margin-bottom:var(--s2);font-weight:800}.cine-modes label{gap:var(--s1);min-height:44px;padding:0 var(--s3);border:var(--line) solid var(--border);border-radius:var(--pill,999px);cursor:pointer;align-items:center;font-weight:700;display:inline-flex}.cine-modes label.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.cine-modes input{accent-color:var(--accent)}.cine-steps{gap:var(--s2);margin:var(--s3) 0;padding-left:var(--s5);display:grid}.cine-steps li.done{color:var(--success);font-weight:700}.cine-steps li svg{vertical-align:-3px;margin-right:4px}.cine-toggle{gap:var(--s2);align-items:center;min-height:44px;display:inline-flex}.cine-transcript{gap:var(--s1);max-height:360px;margin:var(--s2) 0 0;padding:0;list-style:none;display:grid;overflow:auto}.cine-transcript button{width:100%;padding:var(--s2) var(--s3);text-align:left;border:var(--line) solid transparent;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:12px;gap:2px;display:grid}.cine-transcript li.current button{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.cine-words{gap:var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none;display:grid}.cine-words li{gap:var(--s3);padding:var(--s2) var(--s3);border:var(--line) solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;display:flex}.cine-words summary{cursor:pointer;font-weight:800}.cine-links{gap:var(--s2);margin:var(--s3) 0;padding-left:var(--s4);display:grid}.cine-home .two-columns{margin-top:var(--s4)}.page-title h1 svg,.cine-home h2 svg{vertical-align:-4px}@media (max-width:640px){.cine-en{font-size:1.15rem}.cine-actor{width:40%}.cine-actor.left{left:4%}.cine-actor.right{right:4%}}.sound-grid{gap:var(--s4);margin-top:var(--s4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.sound-card{gap:var(--s2);align-content:start;display:grid;position:relative}.sound-card.mastered{border-color:var(--success-strong)}.sound-done{top:var(--s3);right:var(--s3);color:var(--success);position:absolute}.sound-drill{gap:var(--s3);text-align:center;justify-items:center;max-width:560px;margin:0 auto;display:grid}.sound-choices{gap:var(--s3);grid-template-columns:1fr 1fr;width:100%;display:grid}.sound-choices .answer-choice{justify-content:center;min-height:88px;font-size:1.5rem;font-weight:800}.sound-choices .answer-choice.right{border-color:var(--success-strong);background:var(--success-soft);color:var(--success)}.sound-choices .answer-choice.wrong{border-color:var(--danger-strong);background:var(--danger-soft);color:var(--danger)}.sound-feedback{gap:var(--s2);width:100%;padding:var(--s3);border-radius:var(--r1);justify-items:center;display:grid}.sound-feedback.positive{background:var(--success-soft);color:var(--success)}.sound-feedback.needs-work{background:var(--danger-soft);color:var(--danger)}.sound-feedback p{margin:0;font-weight:800}.sound-feedback svg{vertical-align:-3px}.stress-list{gap:var(--s3);margin-top:var(--s4);display:grid}.stress-item{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.stress-syllables{gap:var(--s1);display:flex}.stress-syllable,.sound-word{min-width:44px;min-height:44px;padding:0 var(--s3);border:var(--line) solid var(--border);border-bottom-width:var(--depth);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;font-weight:800}.stress-syllable.right{border-color:var(--success-strong);background:var(--success-soft);color:var(--success)}.stress-syllable.wrong{border-color:var(--danger-strong);background:var(--danger-soft);color:var(--danger)}.sound-word{align-items:center;gap:6px;display:inline-flex}.shadowing{margin-top:var(--s4)}.shadow-recorder{gap:var(--s2);margin:var(--s3) 0;align-items:center;display:flex}.fluency-card{gap:var(--s3);margin-top:var(--s4);justify-items:start;display:grid}.fluency-prompt{font-family:var(--display-font);margin:0;font-size:1.6rem}.fluency-answer{margin:0;font-size:1.25rem;font-weight:800}.fluency-timer{font-family:var(--display-font);color:var(--accent-ink);margin:0;font-size:3rem;line-height:1}.fluency-recordings{gap:var(--s2);width:100%;display:grid}.fluency-recording{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.fluency textarea{width:100%;min-height:110px;padding:var(--s3);border:var(--line) solid var(--input-border);background:var(--surface);color:var(--text);font:inherit;border-radius:12px}.message-checklist{gap:var(--s1);margin:0;padding:0;list-style:none;display:grid}.message-checklist li{gap:var(--s2);color:var(--muted);align-items:center;display:flex}.message-checklist li.done{color:var(--success);font-weight:700}.cando-list{gap:var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none;display:grid}.cando-list li{gap:var(--s2);padding:var(--s2) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.cando-levels{gap:var(--s1);display:inline-flex}.cando-levels button{min-height:40px;padding:0 var(--s3);border:var(--line) solid var(--border);border-radius:var(--pill,999px);background:var(--surface);color:var(--text);font:inherit;font-size:var(--sm);cursor:pointer;font-weight:700}.cando-levels button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.stats-grid.compact{grid-template-columns:1fr 1fr}.stats-grid.compact>div{gap:2px;display:grid}.stats-grid.compact strong{font-family:var(--display-font);font-size:1.6rem}.diary-list{gap:var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none;display:grid}.diary-list li{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.diary-list audio{max-width:100%;height:36px}@media (max-width:420px){.mobile-nav button>span:not(.nav-count){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-nav button>svg{width:26px;height:26px}}.listening-transcript{text-align:left}.listening-transcript summary{cursor:pointer;color:var(--c-blue);font-weight:800}.listening-transcript ol{gap:var(--s3);margin:var(--s3) 0 0;padding:0;list-style:none;display:grid}.listening-transcript li{gap:var(--s2);align-items:flex-start;display:flex}.listening-transcript li>svg{flex:none;margin-top:3px}.listening-transcript li>span:last-child{gap:2px;display:grid}.friends-page,.friend-page,.feedback-page{gap:var(--s6);display:grid}.friends-page h2,.friend-page h2,.invite-page h1,.profile-links h2{font-family:var(--display-font);margin:0}.friend-page>.text-button{justify-self:start}.friends-layout{gap:var(--s5);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.friends-side{gap:var(--s5);display:grid}.friends-page .card,.friends-page>section{gap:var(--s3);display:grid}.friends-page .card p,.friends-page>section>p{margin:0}@media (max-width:980px){.friends-layout{grid-template-columns:minmax(0,1fr)}}.ranking{gap:var(--s2);margin:var(--s2) 0;padding:0;list-style:none;display:grid}.rank-row{align-items:center;gap:var(--s3);width:100%;padding:var(--s2) var(--s3);border:var(--line) solid transparent;border-radius:var(--r1);color:var(--text);font:inherit;text-align:left;background:0 0;grid-template-columns:40px 44px minmax(0,1fr) auto;display:grid}button.rank-row{cursor:pointer}button.rank-row:hover{background:var(--surface-2)}.ranking li.me .rank-row{background:var(--accent-soft);border-color:var(--accent-line)}.rank-place{width:40px;height:40px;font-family:var(--display-font);font-size:var(--base);color:var(--muted);border-radius:50%;place-items:center;font-weight:700;display:grid}.rank-place.medal-1{background:var(--sun);color:var(--on-sun);box-shadow:0 3px 0 var(--sun-shadow)}.rank-place.medal-2{background:var(--medal-silver);color:var(--on-medal);box-shadow:0 3px 0 var(--medal-silver-shadow)}.rank-place.medal-3{background:var(--medal-bronze);color:var(--on-medal);box-shadow:0 3px 0 var(--medal-bronze-shadow)}.rank-name{min-width:0;display:grid}.rank-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking li.me .rank-me,.ranking li.me .rank-name .muted{color:var(--accent-ink)}.rank-xp{font-family:var(--display-font);font-size:var(--lg);color:var(--accent-ink);white-space:nowrap;font-weight:700}.ranking li:not(.me) .rank-xp{color:var(--text)}.ranking-empty{padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--surface-2);font-weight:700}@media (max-width:480px){.rank-row{gap:var(--s2);padding:var(--s2);grid-template-columns:34px 40px minmax(0,1fr) auto}.rank-place{width:34px;height:34px}.rank-xp{font-size:var(--base)}}.friend-code{padding:var(--s3) var(--s4);border:var(--line) dashed var(--accent-line);border-radius:var(--r1);background:var(--accent-soft);color:var(--accent-ink);font-family:var(--display-font);font-size:var(--xl);letter-spacing:.16em;text-align:center;overflow-wrap:anywhere;font-weight:700}.add-friend{gap:var(--s4);justify-items:start;display:grid}.add-friend label,.invite-card label{width:100%}.add-friend input{font-family:var(--display-font);font-size:var(--lg);letter-spacing:.12em;text-transform:uppercase}.friend-grid{gap:var(--s4);margin:var(--s4) 0 0;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0;list-style:none;display:grid}.friend-tile{justify-items:center;gap:var(--s2);width:100%;padding:var(--s4) var(--s3);border:var(--line) solid var(--border);border-radius:var(--r2);background:var(--surface);box-shadow:0 var(--depth) 0 var(--border);color:var(--text);font:inherit;text-align:center;cursor:pointer;transition:transform var(--fast);display:grid}.friend-tile:hover{background:var(--surface-2)}.friend-tile:active{box-shadow:0 2px 0 var(--border);transform:translateY(2px)}.friend-tile strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.friend-tile .small{align-items:center;gap:4px;display:inline-flex}.friend-tile .small svg{color:var(--streak)}.check-row{align-items:center;gap:var(--s3);font-size:var(--base);cursor:pointer;flex-direction:row}.check-row input[type=checkbox]{-webkit-appearance:auto;appearance:auto;width:22px;height:22px;min-height:22px;accent-color:var(--accent);flex-shrink:0;padding:0}.invite-wrap{gap:var(--s4);max-width:560px;margin:var(--s6) auto;display:grid}.invite-page{justify-items:center;gap:var(--s4);text-align:center;display:grid}.invite-page p{margin:0}.invite-page>svg{color:var(--accent)}.invite-page h1{font-size:var(--xl)}.invite-page .row{justify-content:center}.profile-links{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.profile-links .card{gap:var(--s3);justify-items:start;display:grid}.profile-links p{margin:0}.feedback-dialog{width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}@media (max-width:480px){.feedback-dialog{padding:var(--s4)}}.feedback-form{gap:var(--s4);display:grid}.feedback-form p{margin:0}.feedback-dialog label,.feedback-dialog .row{margin-top:0}.feedback-form fieldset{border:0;margin:0;padding:0}.feedback-form legend{margin-bottom:var(--s2);font-weight:800}.rating-options{gap:var(--s2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.rating-option{align-items:center;gap:var(--s1);padding:var(--s3) 2px;border:var(--line) solid var(--border);border-radius:var(--r1);box-shadow:0 3px 0 var(--border);font-size:var(--xs);overflow-wrap:normal;word-break:normal;text-align:center;cursor:pointer;font-weight:800;line-height:1.25;position:relative}.rating-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rating-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.rating-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-line)}.rating-option:has(input:checked):after{content:"✓";font-size:var(--sm);font-weight:900;position:absolute;top:2px;right:6px}.rating-face{font-size:1.75rem;line-height:1}.feedback-list{gap:var(--s4);margin:0;padding:0;list-style:none;display:grid}.feedback-list .card p{margin:0 0 var(--s2)}.feedback-rating{font-weight:800}.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.friend-tile{transition:none}.friend-tile:active{transform:none}}.other-friends{gap:var(--s2);margin:var(--s4) 0 0;padding:0;list-style:none;display:grid}.other-friends li{justify-content:space-between;align-items:center;gap:var(--s2) var(--s4);padding:var(--s3) var(--s4);border:var(--line) solid var(--border);border-radius:var(--r1);flex-wrap:wrap;display:flex}.other-friends .row{margin:0}.ranking-button{color:var(--streak)}.ranking-button[aria-current=page]{background:var(--accent-soft)}.ranking-page,.league-tab{gap:var(--s5);grid-template-columns:minmax(0,1fr);display:grid}.ranking-page h1{align-items:center;gap:var(--s3);display:flex}.ranking-page h1>svg{color:var(--streak)}.ranking-page h2{font-family:var(--display-font);margin:0}.ranking-tabs{gap:var(--s2);padding:var(--s1);border:var(--line) solid var(--border);border-radius:var(--r2);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ranking-tabs button{min-height:var(--control);border-radius:var(--r1);color:var(--muted);font:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;font-weight:800}.ranking-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 var(--line) var(--accent-line)}.league-tab .card,.ranking-page [role=tabpanel]>.card{gap:var(--s3);display:grid}.league-tab .card p,.ranking-page [role=tabpanel]>.card p{margin:0}.league-hero{text-align:center;justify-items:center}.league-path ol{justify-content:center;align-items:flex-end;gap:var(--s2);margin:0;padding:0;list-style:none;display:flex}.league-path .league-art{width:40px;height:40px}.league-path li.current .league-art{width:84px;height:84px}@media (max-width:480px){.league-path ol{gap:var(--s1)}.league-path .league-art{width:30px;height:30px}.league-path li.current .league-art{width:64px;height:64px}}.league-result{padding:var(--s2) var(--s4);border-radius:var(--r1);background:var(--accent-soft);color:var(--accent-ink);font-weight:800}.league-result.up{background:var(--sun);color:var(--on-sun)}.league-join{text-align:center;justify-items:center}.league-join .league-art{width:96px;height:96px}.rank-end{justify-items:end;gap:2px;display:grid}.zone-chip{padding:1px var(--s2);border-radius:var(--pill);font-size:var(--xs);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:2px;font-weight:800;display:inline-flex}.zone-chip.up{background:var(--sun);color:var(--on-sun)}.zone-chip.down{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.zone-divider{align-items:center;gap:var(--s2);margin:var(--s2) 0;padding:var(--s1) var(--s3);border-top:var(--line) dashed var(--border);color:var(--muted);font-size:var(--xs);text-transform:uppercase;letter-spacing:.06em;font-weight:800;display:flex}.zone-divider.up{border-top:0;border-bottom:var(--line) dashed var(--sun-shadow)}.rank-league{align-items:center;gap:4px;display:inline-flex}.rank-league .league-art{width:18px;height:18px}.medal-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.medal-grid li{justify-items:center;gap:var(--s1);padding:var(--s4) var(--s3);border:var(--line) solid var(--border);border-radius:var(--r2);background:var(--surface);text-align:center;display:grid}.league-medal{width:84px;height:98px}.league-won{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--sun);color:var(--on-sun);text-align:left;display:flex}.league-won .league-medal{flex:none;width:52px;height:60px}.league-won p{margin:0;font-weight:700}.coming-soon{gap:var(--s2);border-style:dashed;justify-items:start;display:grid}.coming-soon h2,.coming-soon p{margin:0}.install-card,.reminder-card{gap:var(--s3);align-content:start;justify-items:start;display:grid}.install-card p,.reminder-card p{margin:0}.reminder-card h2{align-items:center;gap:var(--s2);display:flex}.install-steps{gap:var(--s2);padding-left:var(--s5);margin:0;display:grid}.install-steps svg{vertical-align:-3px}.reminder-hour{width:min(200px,100%)}.landing{background:var(--bg);min-height:100dvh;color:var(--text)}.landing-bar{z-index:2;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) max(var(--s4), calc((100% - 1080px) / 2));background:var(--surface);border-bottom:var(--line) solid var(--border);display:flex;position:sticky;top:0}.landing-brand{align-items:center;gap:var(--s3);font-family:var(--display-font);color:var(--accent);font-size:1.75rem;font-weight:700;display:flex}.landing-brand .logo-mark{width:40px;height:40px}.landing-enter{min-height:44px}.landing main{max-width:1080px;padding:0 var(--s4);margin:0 auto}.landing-invite{align-items:center;gap:var(--s3);margin:var(--s5) 0 0;padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--accent-soft);color:var(--accent-ink);font-weight:800;display:flex}.landing-invite svg{flex:none}.landing-hero{align-items:center;gap:var(--s6);padding:var(--s7) 0 var(--s6);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.landing-hero-text{justify-items:start;gap:var(--s4);display:grid}.landing-hero h1{font-family:var(--display-font);margin:0;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:700;line-height:1.18}.landing-mark{background:var(--sun);color:var(--on-sun);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2em;padding:0 .15em}.landing-pill{padding:var(--s1) var(--s4);border-radius:var(--pill);background:var(--sun);color:var(--on-sun);box-shadow:0 3px 0 var(--sun-shadow);font-weight:900;font-size:var(--sm);letter-spacing:.08em;text-transform:uppercase}.landing-lead{max-width:34ch;font-size:var(--lg);color:var(--muted);margin:0;font-weight:600}.landing-cta{min-height:56px;padding:0 var(--s6);font-size:1.05rem;text-decoration:none}.landing-note{align-items:center;gap:var(--s2);font-size:var(--sm);color:var(--muted);margin:0;font-weight:700;display:flex}.landing-hero-art{justify-self:center;width:min(380px,80vw);position:relative}.landing-bubble{z-index:1;padding:var(--s2) var(--s4);border-radius:var(--r2);background:var(--surface);border:var(--line) solid var(--border);box-shadow:0 4px 0 var(--border);font-family:var(--display-font);font-size:1.6rem;font-weight:700;position:absolute;top:6%;left:-4%}.landing-section{padding:var(--s6) 0}.landing-section h2,.landing-honest h2,.landing-final h2{font-family:var(--display-font);margin:0 0 var(--s5);font-size:clamp(1.7rem,4vw,2.3rem);font-weight:700}.landing-text{max-width:60ch;margin:0 0 var(--s5);color:var(--muted);font-weight:600}.landing-steps{counter-reset:step;gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-steps li,.landing-features li,.landing-price,.landing-faq details{border:var(--line) solid var(--border);border-radius:var(--r2);background:var(--surface);box-shadow:0 var(--depth) 0 var(--border)}.landing-steps li{counter-increment:step;gap:var(--s2);padding:var(--s5);display:grid}.landing-steps li:before{content:counter(step);background:var(--accent);width:44px;height:44px;color:var(--on-accent);box-shadow:0 3px 0 var(--accent-shadow);font-family:var(--display-font);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:700;display:grid}.landing-steps strong,.landing-features strong,.landing-price strong{font-family:var(--display-font);font-size:1.3rem}.landing-steps span,.landing-features span:not(.landing-icon),.landing-price span{color:var(--muted);font-weight:600}.landing-features{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.landing-features li{align-content:start;gap:var(--s2);padding:var(--s5);display:grid}.landing-icon{border-radius:var(--r1);color:#fff;place-items:center;width:56px;height:56px;display:grid}.landing-honest{gap:var(--s4);margin:var(--s4) 0;padding:var(--s5) var(--s6);border-radius:var(--r2);background:var(--warning-soft);color:var(--text);align-items:flex-start;display:flex}.landing-honest>svg{color:var(--warning);flex:none}.landing-honest h2{margin-bottom:var(--s2)}.landing-honest p{margin:0;font-weight:600}.landing-leagues{gap:var(--s4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.landing-leagues li{justify-items:center;gap:var(--s1);min-width:88px;font-weight:800;font-size:var(--sm);display:grid}.landing-leagues .league-art{width:64px;height:64px}.landing-prices{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-price{align-content:start;gap:var(--s2);padding:var(--s5);display:grid}.landing-price.supporter{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 var(--depth) 0 var(--accent-line)}.landing-price.supporter span{color:var(--text)}.landing-faq{gap:var(--s3);display:grid}.landing-faq details{padding:var(--s4) var(--s5)}.landing-faq summary{cursor:pointer;font-size:1.05rem;font-weight:800}.landing-faq p{margin:var(--s3) 0 0;color:var(--muted);font-weight:600}.landing-final{justify-items:center;gap:var(--s3);padding:var(--s6) 0 var(--s7);text-align:center;display:grid}.landing-final h2{margin:0}.landing-final-art{width:160px}.landing-footer{justify-content:space-between;gap:var(--s2);padding:var(--s5) max(var(--s4), calc((100% - 1080px) / 2));border-top:var(--line) solid var(--border);color:var(--muted);font-size:var(--sm);flex-wrap:wrap;font-weight:600;display:flex}@media (max-width:760px){.landing-hero{padding-top:var(--s5);grid-template-columns:minmax(0,1fr)}.landing-hero-art{grid-row:1;width:min(240px,60vw)}.landing-steps,.landing-prices{grid-template-columns:minmax(0,1fr)}.landing-cta{width:100%}}