@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-vietnamese-400-normal-DoLa7jNB.woff2) format("woff2"),url(/assets/lexend-vietnamese-400-normal-mPlHoWg5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-ext-400-normal-D38JI5AK.woff2) format("woff2"),url(/assets/lexend-latin-ext-400-normal-D9P7pMo-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2) format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-vietnamese-600-normal-Cr1ePs6O.woff2) format("woff2"),url(/assets/lexend-vietnamese-600-normal-BxEVPgxw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-ext-600-normal-hDcqLAH9.woff2) format("woff2"),url(/assets/lexend-latin-ext-600-normal-BXtyp5LP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-600-normal-DdvlkEkX.woff2) format("woff2"),url(/assets/lexend-latin-600-normal-DSBzZxpA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-reading: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-ui: "Lexend", "Noto Sans Hebrew", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--body-size: clamp(1.0625rem, .95rem + .45vw, 1.25rem);--small-size: .9375rem;--line-height: 1.6;--reading-line-height: 1.7;--reading-word-spacing: .12em;--reading-letter-spacing: .01em;--reading-measure: 34em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--gutter: 16px;--radius: 12px;--radius-small: 8px;--tap: 48px;--tap-lg: 64px;--tap-xl: 80px;--icon: 1.5rem;--page-max: 60rem;--motion-fast: .12s;--motion: .18s;--ease-out: cubic-bezier(.2, .7, .2, 1);--bg: #fbfaf7;--surface: #ffffff;--surface-sunk: #f2f0ea;--text: #1b1e23;--text-muted: #4d535c;--border: #d9d5cb;--accent: #0f5f5a;--accent-hover: #0b4a46;--on-accent: #ffffff;--highlight: #ffe08a;--on-highlight: #1b1e23;--highlight-line: #0f5f5a;--focus: #1d5fd1;--error: #b42318;--right: #17713a;--wrong: #b42318;--logo-bg: var(--accent);--logo-fg: var(--on-accent);--logo-word: #ffd25a;--star: #ffd25a;--shadow: 0 1px 2px rgb(20 20 20 / 6%), 0 4px 16px rgb(20 20 20 / 6%);color-scheme:light dark;font-family:var(--font-ui);font-size:100%;line-height:var(--line-height);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15171a;--surface: #1e2125;--surface-sunk: #262a2f;--text: #eeece6;--text-muted: #b5b9c0;--border: #3a3f46;--accent: #6fd0c6;--accent-hover: #93ddd5;--on-accent: #0b1f1d;--highlight: #5c4a0c;--on-highlight: #fff8e1;--highlight-line: #ffd25a;--focus: #8ab4ff;--error: #ff8a80;--right: #7ee2a8;--wrong: #ff8a80;--logo-word: var(--on-accent);--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 16px rgb(0 0 0 / 25%)}}:root[data-theme=dark]{--bg: #15171a;--surface: #1e2125;--surface-sunk: #262a2f;--text: #eeece6;--text-muted: #b5b9c0;--border: #3a3f46;--accent: #6fd0c6;--accent-hover: #93ddd5;--on-accent: #0b1f1d;--highlight: #5c4a0c;--on-highlight: #fff8e1;--highlight-line: #ffd25a;--focus: #8ab4ff;--error: #ff8a80;--right: #7ee2a8;--wrong: #ff8a80;--logo-word: var(--on-accent)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{min-block-size:100dvh;font-size:var(--body-size);-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;gap:var(--space-4);min-block-size:100dvh;max-inline-size:var(--page-max);margin-inline:auto;padding-block:var(--space-3) var(--space-5);padding-inline:var(--gutter)}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:1.25rem}.brand__mark{inline-size:2.25rem;block-size:2.25rem;flex:none}.topbar__actions{display:flex;gap:var(--space-2);flex:1 1 22rem;justify-content:flex-end;min-inline-size:0}.topbar__actions .btn{flex:none}.reader{display:flex;flex-direction:column;gap:var(--space-3)}.stage{block-size:clamp(15rem,48dvh,36rem);container-type:inline-size;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.stage__text{font-family:var(--font-reading);font-size:min(calc(var(--body-size) * var(--dial-scale) * var(--script-scale, 1)),calc(100cqi / (var(--longest-word) * .68)));line-height:var(--reading-line-height);word-spacing:var(--reading-word-spacing);letter-spacing:var(--reading-letter-spacing);inline-size:fit-content;max-inline-size:min(100%,var(--reading-measure));margin:auto;overflow-wrap:anywhere;transition:font-size var(--motion-fast) var(--ease-out);animation:chunk-in var(--motion) var(--ease-out)}.stage--fit-line .stage__text{font-size:min(calc(var(--body-size) * var(--dial-scale) * var(--script-scale, 1)),calc(100cqi / (var(--longest-word) * .68)),calc(100cqi / (var(--line-chars) * var(--char-em))))}.stage:lang(he){--script-scale: 1.2}.stage--single .stage__text{text-align:center;line-height:1.2;animation:none}.stage__paragraph{margin:0}.stage__paragraph+.stage__paragraph{margin-block-start:.8em}.stage__word{color:var(--text-muted)}.stage__current{color:var(--on-highlight);background:var(--highlight);border-radius:.2em;padding-inline:.12em;margin-inline:-.12em;text-decoration:underline;text-decoration-color:var(--highlight-line);text-decoration-thickness:max(2px,.08em);text-underline-offset:.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.stage__end{display:grid;place-items:center;margin:var(--space-4) auto 0;inline-size:3.5rem;block-size:3.5rem;border-radius:50%;background:var(--surface-sunk);color:var(--accent)}.stage__end .icon{inline-size:2rem;block-size:2rem}@keyframes chunk-in{0%{opacity:.25}to{opacity:1}}.panel{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.dial__range,.speed__range{--thumb: 28px;-moz-appearance:none;appearance:none;-webkit-appearance:none;inline-size:100%;block-size:var(--tap);margin:0;background:transparent;cursor:pointer;touch-action:pan-y}.dial__range::-webkit-slider-runnable-track,.speed__range::-webkit-slider-runnable-track{block-size:8px;border-radius:999px;background:var(--surface-sunk);border:1px solid var(--border)}.dial__range::-moz-range-track,.speed__range::-moz-range-track{block-size:8px;border-radius:999px;background:var(--surface-sunk);border:1px solid var(--border)}.dial__range::-webkit-slider-thumb,.speed__range::-webkit-slider-thumb{-webkit-appearance:none;inline-size:var(--thumb);block-size:var(--thumb);margin-block-start:calc(-1 * var(--thumb) / 2 + 3px);border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.dial__range::-moz-range-thumb,.speed__range::-moz-range-thumb{inline-size:var(--thumb);block-size:var(--thumb);border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.dial__range:focus-visible,.speed__range:focus-visible{outline-offset:4px;border-radius:var(--radius-small)}.segmented__legend{font-weight:600}.dial__ticks{--thumb: 28px;position:relative;block-size:10px;margin-block-start:-8px;margin-inline:calc(var(--thumb) / 2)}.dial__tick{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--tick-at) * 100%);inline-size:2px;block-size:10px;margin-inline-start:-1px;border-radius:1px;background:var(--border)}.dial__tick--near{background:var(--accent)}.dial__landmarks{display:flex;justify-content:space-between;gap:var(--space-1)}.dial__landmark{display:grid;place-items:center;min-block-size:var(--tap);min-inline-size:var(--tap);padding-inline:var(--space-1);border:2px solid transparent;border-radius:var(--radius-small);background:none;color:var(--text-muted);cursor:pointer;touch-action:manipulation}.dial__landmark .icon{inline-size:1.75rem;block-size:1.75rem}.dial__landmark:first-child{margin-inline-start:calc(-1 * var(--space-2))}.dial__landmark:last-child{margin-inline-end:calc(-1 * var(--space-2))}@media(hover:hover){.dial__landmark:hover{background:var(--surface-sunk)}}.dial__landmark--near{color:var(--accent);border-color:var(--accent);background:var(--surface-sunk)}.playback{display:flex;flex-direction:column;gap:var(--space-4)}.playback__buttons{display:flex;justify-content:center;align-items:center;gap:var(--space-4)}.progress{display:flex;align-items:center;gap:var(--space-3)}.progress__bar{flex:none;block-size:6px;border-radius:999px;background:var(--surface-sunk);overflow:hidden}.progress__fill{block-size:100%;inline-size:calc(var(--progress) * 100%);background:var(--accent)}.progress__text{color:var(--text-muted);font-size:var(--small-size);font-variant-numeric:tabular-nums;white-space:nowrap}.playback__settings{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);align-items:flex-end}.speed{display:flex;align-items:center;gap:var(--space-2);flex:1 1 14rem;min-inline-size:0}.speed .icon{inline-size:var(--icon);block-size:var(--icon)}.speed__gauge{color:var(--accent);margin-inline-end:var(--space-1)}.speed__end{color:var(--text-muted)}.speed__range{flex:1;min-inline-size:0}.segmented{margin:0;padding:0;border:0;min-inline-size:0}.segmented__legend{padding:0;margin-block-end:var(--space-2)}.segmented__options{display:inline-flex;padding:3px;gap:3px;border-radius:var(--radius);background:var(--surface-sunk);border:1px solid var(--border)}.segmented__option{position:relative;display:flex;align-items:center;min-block-size:var(--tap);padding-inline:var(--space-4);border-radius:calc(var(--radius) - 3px);cursor:pointer;font-weight:600;color:var(--text-muted);transition:background var(--motion-fast) var(--ease-out)}.segmented__option input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.segmented__option:has(input:checked){background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),var(--shadow)}.segmented--icons .segmented__option{justify-content:center;min-inline-size:var(--tap-lg)}.segmented__option .icon{inline-size:var(--icon);block-size:var(--icon)}.segmented__option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--tap);min-inline-size:var(--tap);padding-inline:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);color:var(--text);font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}@media(hover:hover){.btn:hover:not(:disabled){background:var(--surface-sunk)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn--play{min-inline-size:7rem}.icon{inline-size:1.25em;block-size:1.25em;flex:none}.dialog{inline-size:min(36rem,calc(100vw - 2 * var(--gutter)));padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.dialog::backdrop{background:#00000073}.dialog__form{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.dialog__title{margin:0 0 var(--space-2);font-size:1.375rem}.field__label{font-weight:600}.field__textarea{inline-size:100%;min-block-size:10rem;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);line-height:var(--line-height);resize:vertical}.field__textarea[aria-invalid=true]{border-color:var(--error)}.field__help{margin:0;color:var(--text-muted);font-size:var(--small-size)}.field__error{margin:0;color:var(--error);font-size:var(--small-size);font-weight:600}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-block-start:var(--space-3)}@media(max-width:30rem){.topbar__actions{flex-basis:100%}.btn--play{min-inline-size:6rem}.panel{padding:var(--space-3)}}.btn.fb-fab{position:fixed;z-index:20;inset-block-end:max(var(--gutter),env(safe-area-inset-bottom));inset-inline-end:max(var(--gutter),env(safe-area-inset-right));inline-size:var(--tap-lg);block-size:var(--tap-lg);border-radius:999px;box-shadow:var(--shadow)}.fb-spacer{flex:none;block-size:calc(var(--tap) + var(--space-2))}@media(max-width:30rem){.btn.fb-fab{position:absolute;inset-block-start:max(var(--space-2),env(safe-area-inset-top));inset-block-end:auto;inline-size:var(--tap);block-size:var(--tap);min-inline-size:var(--tap);padding:0}.fb-spacer{display:none}}.fb-dialog{inline-size:min(38rem,calc(100vw - 2 * var(--gutter)));max-block-size:calc(100dvh - 2 * var(--gutter))}.fb-dialog__head{position:sticky;inset-block-start:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-2);background:var(--surface)}.fb-dialog__head .dialog__title{margin:0;line-height:1.25}.fb-dialog__close{flex:none}.fb-form,.fb-result{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) var(--space-5) var(--space-5)}.fb-legend{padding:0;margin-block-end:var(--space-2);font-weight:600}.fb-field{display:flex;flex-direction:column;gap:var(--space-2)}.field__textarea.fb-textarea{min-block-size:7rem}.field__textarea.fb-textarea--short{min-block-size:4.5rem}.fb-field__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.fb-count{color:var(--text-muted);font-size:var(--small-size);font-variant-numeric:tabular-nums}.fb-field--note{flex-direction:row;align-items:flex-start}.fb-note-label{display:grid;place-items:center;flex:none;inline-size:var(--tap);block-size:var(--tap);color:var(--accent)}.fb-note-label .icon{inline-size:var(--icon);block-size:var(--icon)}.segmented--who .segmented__option{gap:var(--space-2)}.fb-choices{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0;min-inline-size:0}.fb-choice{display:flex;align-items:center;gap:var(--space-3);min-block-size:var(--tap);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);cursor:pointer}.fb-choice input{flex:none;inline-size:1.25rem;block-size:1.25rem;margin:0;accent-color:var(--accent)}.fb-choice .icon{inline-size:var(--icon);block-size:var(--icon);color:var(--accent)}.fb-choice:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.fb-choice__label{font-weight:600}.fb-reactions{margin:0;padding:0;border:0;min-inline-size:0}.fb-reactions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.fb-reactions__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fb-reaction{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-block-size:5rem;padding:var(--space-2) var(--space-1);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);text-align:center;cursor:pointer;touch-action:manipulation;transition:transform var(--motion-fast) var(--ease-out)}.fb-reaction input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.fb-reaction__icon{inline-size:2.5rem;block-size:2.5rem;color:var(--accent)}.fb-reaction:has(input:checked){border-color:var(--accent);background:var(--surface-sunk);box-shadow:inset 0 0 0 2px var(--accent)}.fb-reaction:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.fb-reaction:active{transform:scale(.97)}.fb-context__heading{margin:var(--space-3) 0 var(--space-1);font-size:1rem}.fb-context__intro{margin:0;color:var(--text-muted)}.fb-context__list{display:grid;gap:var(--space-1);margin:var(--space-2) 0 0;padding:0}.fb-actions{flex-wrap:wrap;align-items:center}.fb-help{margin-inline-end:auto}.fb-help:has(.help__panel:not([hidden])){flex-basis:100%;order:1}.fb-context__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--space-3);padding-block:var(--space-1);border-block-end:1px solid var(--border)}.fb-context__row:last-child{border-block-end:0}.fb-context__row dt{color:var(--text-muted)}.fb-context__row dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fb-queued{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-muted);font-weight:600}.fb-queued .icon{inline-size:var(--icon);block-size:var(--icon)}.fb-result{align-items:center;text-align:center}.fb-result__mark{display:grid;place-items:center;inline-size:4.5rem;block-size:4.5rem;border-radius:50%;border:3px solid var(--right);color:var(--right)}.fb-result__mark--queued{border-color:var(--text-muted);color:var(--text-muted)}.fb-result__mark .icon{inline-size:2.5rem;block-size:2.5rem}.fb-result__title{margin:0;font-size:1.25rem}.fb-result .help{align-items:center}.fb-result .dialog__actions{align-items:center;justify-content:center}.fb-result__title:focus{outline:none}.fb-result__body{margin:0}.skip-link{position:absolute;inset-inline-start:var(--gutter);inset-block-start:-10rem;z-index:40;padding:var(--space-2) var(--space-4);border-radius:var(--radius-small);background:var(--accent);color:var(--on-accent);font-weight:600}.skip-link:focus{inset-block-start:var(--space-2)}button.brand{min-block-size:var(--tap);padding:0 var(--space-2);margin-inline-start:calc(-1 * var(--space-2));border:0;border-radius:var(--radius-small);background:none;color:inherit;cursor:pointer}@media(hover:hover){button.brand:hover{background:var(--surface-sunk)}}.topbar__actions{align-items:center}.lang-switch{display:inline-flex;flex:none;padding:3px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-sunk)}.lang-switch__option{min-block-size:var(--tap);min-inline-size:var(--tap);padding-inline:var(--space-3);border:0;border-radius:calc(var(--radius-small) - 3px);background:none;font-weight:600;cursor:pointer;touch-action:manipulation}.lang-switch__option[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.btn--quiet{border-color:transparent;background:transparent}.btn--wide{flex:1 1 12rem}.reader-screen{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.reader__toolbar{display:flex;align-items:center;gap:var(--space-2)}.reader__home{margin-inline-start:calc(-1 * var(--space-2))}.reader__toolbar .icon-btn{flex:none}.reader__next{display:flex;justify-content:center}.screen{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.screen:focus,.screen__title:focus{outline:none}.screen__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.screen__bar>.btn:first-child{margin-inline-start:calc(-1 * var(--space-2))}.screen__dots,.sums__new{margin-inline-start:auto}.drill__voice-note{align-items:flex-end}.drill__voice-note .help__panel{max-inline-size:min(40rem,calc(100vw - 2 * var(--gutter)))}.screen__head{display:flex;flex-direction:column;gap:var(--space-2)}.screen__head--row{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.screen__title{margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.25}.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%,10.5rem),1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.stage-grid li{display:flex}.stage-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);inline-size:100%;min-block-size:9.5rem;padding:var(--space-5) var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--text);cursor:pointer;touch-action:manipulation;transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}@media(hover:hover){.stage-card:hover{border-color:var(--accent)}}.stage-card:active{transform:scale(.98)}.stage-card--suggested{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),var(--shadow)}.stage-card__title{font-size:1.1rem;font-weight:600}.stage-card__star{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);color:var(--accent)}.stage-card__star .icon{inline-size:1.6rem;block-size:1.6rem;fill:var(--star)}.stage-card__ring{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);inline-size:2rem;block-size:2rem}.drill__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.drill__new{align-self:flex-start;margin-block-end:calc(-1 * var(--space-5));color:var(--accent)}.drill__new .icon{inline-size:1.75rem;block-size:1.75rem;fill:var(--star)}.drill__say{margin:0;color:var(--accent)}.drill__say .icon{inline-size:2.75rem;block-size:2.75rem}.drill__find{inline-size:1.75rem;block-size:1.75rem;color:var(--accent);vertical-align:middle;margin-inline-end:var(--space-2)}.unit{font-family:var(--font-reading);line-height:1.3}.unit--large{display:block;font-size:clamp(5rem,22vw,10rem);min-block-size:1.3em}.unit--small{display:inline-block;font-size:1.6em;vertical-align:middle}.drill__label{margin:0;color:var(--text-muted)}.unit-name--he{font-family:var(--font-reading);font-size:1.25em;line-height:1.4}.drill__prompt{margin:0;font-size:1.2rem;font-weight:600}.drill__prompt-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.drill__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4);inline-size:min(100%,32rem)}.drill__go{min-inline-size:8rem}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);inline-size:min(100%,32rem)}.option{position:relative;display:grid;place-items:center;min-block-size:7rem;padding:var(--space-2);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;touch-action:manipulation;transition:border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.option .unit--large{font-size:clamp(3rem,13vw,5rem)}@media(hover:hover){.option:hover:not(:disabled){border-color:var(--accent)}}.option:active:not(:disabled){transform:scale(.97)}.option:disabled{cursor:default}.option--right{border-color:var(--right);box-shadow:inset 0 0 0 2px var(--right);background:var(--surface)}.option--wrong{border-style:dashed;border-color:var(--wrong);color:var(--text-muted)}.option__mark.verdict{position:absolute;inset-block-start:-.75rem;inset-inline-end:-.75rem;inline-size:2.25rem;block-size:2.25rem;border-width:2px}.option__mark .icon{inline-size:1.3rem;block-size:1.3rem}.drill__feedback{display:grid;place-items:center;min-block-size:3.5rem;margin:0}.drill__done p{margin:0}.drill__trophy{color:var(--accent)}.drill__trophy .icon{inline-size:4rem;block-size:4rem;fill:var(--star)}.drill__score{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4)}.sheet-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:var(--space-2)}.sheet-tile{display:grid;place-items:center;min-block-size:var(--tap-lg);padding:var(--space-1);border:2px solid var(--border);border-radius:var(--radius-small);background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation}.sheet-tile[aria-pressed=true]{border-color:var(--accent);background:var(--surface-sunk);box-shadow:inset 0 0 0 1px var(--accent)}@media(hover:hover){.sheet-tile:hover{border-color:var(--accent)}}.sheet-tile__sum{font-family:var(--font-reading);font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}.sheet-score{display:flex;justify-content:center;gap:var(--space-5);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.sheet-score__item{display:inline-flex;align-items:center;gap:var(--space-2)}.sheet-score__item .icon{color:var(--accent)}.sums__dial{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.sums__landmarks .dial__landmark{flex:1}.sums__stage{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);min-block-size:clamp(12rem,34dvh,24rem);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font-family:var(--font-reading)}.sums__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.sums__stage--unit .sums__row{grid-template-columns:minmax(0,1fr)}.sums__item{display:grid;place-items:center;min-inline-size:0;min-block-size:var(--tap);padding:var(--space-1);border:2px solid transparent;border-radius:var(--radius-small);background:none;color:var(--text-muted);font:inherit;cursor:pointer;touch-action:manipulation}.sums__stage--unit .sums__item{cursor:default}.sums__item--focus{border-color:var(--highlight-line);background:var(--highlight);color:var(--on-highlight)}.sums__item--right:not(.sums__item--focus){color:var(--text)}.sum{white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:isolate}.sums__stage--unit{container-type:inline-size}.sums__stage--unit .sum{font-size:clamp(2rem,calc(100cqi / (var(--sum-chars, 10) * .66)),6rem)}.sums__stage--row .sum{font-size:clamp(1.05rem,4.6vw,2.4rem)}.sums__stage--page .sum{font-size:clamp(.95rem,3.8vw,1.6rem)}.sum__answer{display:inline-block;min-inline-size:1.2em;color:var(--accent);font-weight:600}.sums__item--focus .sum__answer{color:inherit}.sums__panel{gap:var(--space-4)}.sums__answer{display:flex;flex-direction:column;gap:var(--space-2)}.sums__answer-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.field__input{min-block-size:var(--tap);padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg)}.sums__input{inline-size:7rem;min-block-size:var(--tap-lg);font-size:1.6rem;font-variant-numeric:tabular-nums;text-align:center}.sums__feedback{display:grid;place-items:center;min-inline-size:3.5rem;min-block-size:3.5rem;margin:0}.sums__panel .playback__buttons{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sums__panel .progress__bar{flex:1}.dialog--wide{inline-size:min(42rem,calc(100vw - 2 * var(--gutter)));max-block-size:calc(100dvh - 2 * var(--gutter))}.dialog__header{position:sticky;inset-block-start:calc(-1 * var(--space-5));z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) 0;padding:var(--space-4) var(--space-5);background:var(--surface);border-block-end:1px solid var(--border)}.dialog__header .dialog__title{margin:0}.settings{gap:var(--space-4)}.settings__group{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;border:0;min-inline-size:0}.settings__group{flex-direction:row;align-items:flex-start;gap:var(--space-3)}.settings__legend{float:inline-start;padding:0}.settings__icon{display:grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);border-radius:var(--radius-small);background:var(--surface-sunk);color:var(--accent)}.settings__icon .icon{inline-size:1.6rem;block-size:1.6rem}.settings__glyph{font-family:var(--font-reading);font-size:1.6rem;line-height:1;color:var(--text)}.settings__glyph-small{font-family:var(--font-reading);font-size:1.3rem}.settings__body{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-inline-size:0}.settings__body .speed{flex:none;min-block-size:var(--tap)}.settings__body .speed__gauge{display:none}.choice-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.choice{display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);cursor:pointer}.choice:has(input:checked),.font-choice:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice input,.font-choice input{accent-color:var(--accent);inline-size:1.15rem;block-size:1.15rem;flex:none}.choice__label{display:block;font-weight:600}.choice__sample{font-family:var(--font-preview, var(--font-reading));font-size:1.5rem;line-height:1.4}.font-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:var(--space-2)}.font-choice{min-inline-size:0;overflow:hidden;display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);cursor:pointer}.font-choice__sample{font-family:var(--font-preview);font-size:1.4rem;line-height:1.4;white-space:nowrap}.nikud-preview{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-small);background:var(--surface-sunk)}.nikud-preview__icon{inline-size:var(--icon);block-size:var(--icon);margin-block-start:.4rem;color:var(--text-muted)}.nikud-preview__text{margin:0;font-family:var(--font-preview);font-size:1.5rem;line-height:1.8}@media(max-width:30rem){.option{min-block-size:5.5rem}.drill__card{padding:var(--space-4) var(--space-3)}}.icon-btn{padding-inline:var(--space-2)}.icon-btn .icon{inline-size:var(--icon);block-size:var(--icon)}.icon-btn--text{padding-inline:var(--space-3) var(--space-4)}.icon-btn--lg{min-block-size:var(--tap-lg);min-inline-size:var(--tap-lg);border-radius:var(--radius)}.icon-btn--lg .icon{inline-size:2rem;block-size:2rem}.icon-btn--xl{min-block-size:var(--tap-xl);min-inline-size:var(--tap-xl);border-radius:var(--radius)}.icon-btn--xl .icon{inline-size:2.5rem;block-size:2.5rem}.help{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.help__button{color:var(--text-muted)}.help__button[aria-expanded=true]{color:var(--accent);background:var(--surface-sunk)}.help__panel{max-inline-size:40rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--surface-sunk);color:var(--text);font-size:var(--small-size)}.help__panel p{margin:0}.help__panel p+p,.help__panel p+*{margin-block-start:var(--space-2)}.help-dialog .dialog__form p{margin:0}.help-dialog__heading{margin:var(--space-3) 0 0;font-size:1.05rem}.dialog__title .icon{inline-size:1.75rem;block-size:1.75rem;color:var(--accent);vertical-align:middle}.ring{display:inline-grid;inline-size:2.5rem;block-size:2.5rem;flex:none}.ring svg{grid-area:1 / 1;inline-size:100%;block-size:100%;transform:rotate(-90deg)}.ring__inner{grid-area:1 / 1;display:grid;place-items:center}.ring--big{inline-size:5.5rem;block-size:5.5rem}.ring circle{fill:none;stroke-width:4}.ring__track{stroke:var(--border)}.ring__fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--motion) var(--ease-out)}.ring[aria-valuenow="0"] .ring__fill{stroke:transparent}.dots{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.dots__dot{inline-size:10px;block-size:10px;border-radius:50%;border:2px solid var(--border);background:transparent;transition:transform var(--motion) var(--ease-out)}.dots__dot--done{background:var(--accent);border-color:var(--accent)}.dots__dot--current{border-color:var(--accent);transform:scale(1.35)}.dots--score .dots__dot{inline-size:14px;block-size:14px}.verdict{--verdict: var(--right);display:inline-grid;place-items:center;inline-size:3.5rem;block-size:3.5rem;border-radius:50%;border:3px solid var(--verdict);background:color-mix(in srgb,var(--verdict) 14%,var(--surface));color:var(--verdict);animation:verdict-pop .26s var(--ease-out)}.verdict .icon{inline-size:2rem;block-size:2rem;stroke-width:3}.verdict--wrong{--verdict: var(--wrong)}.verdict--shown{--verdict: var(--text-muted)}@keyframes verdict-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.verdict{animation:none}}.stage-pic{display:inline-flex;align-items:center;justify-content:center;gap:.15em;font-family:var(--font-reading);line-height:1;color:var(--text)}.stage-pic--large{font-size:3.25rem;min-block-size:4.5rem}.stage-pic--small{font-size:1.6rem}.stage-pic__speaker{inline-size:.8em;block-size:.8em;color:var(--accent)}.stage-pic--words .stage-pic__glyph{padding:.12em .3em;border:2px solid currentColor;border-radius:.18em;font-size:.7em}.stage-pic--sums .stage-pic__glyph{font-variant-numeric:tabular-nums;letter-spacing:.02em}.passage-button{flex:1 1 auto;min-inline-size:0;justify-content:flex-start;white-space:normal;text-align:start}.passage-button .icon{inline-size:var(--icon);block-size:var(--icon)}.passage-button__cover{color:var(--accent)}.passage-button__title{min-inline-size:0;font-family:var(--font-reading);overflow-wrap:anywhere}.shelf .dialog__form{gap:var(--space-3)}.shelf__list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.shelf__item{display:flex;align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:var(--tap-lg);padding:var(--space-2) var(--space-3);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);text-align:start;cursor:pointer;touch-action:manipulation}.shelf__item[aria-current=true]{border-color:var(--accent);background:var(--surface-sunk)}@media(hover:hover){.shelf__item:hover{border-color:var(--accent)}}.shelf__cover{display:grid;place-items:center;flex:none;inline-size:2.75rem;block-size:2.75rem;border-radius:var(--radius-small);background:var(--surface-sunk);color:var(--accent)}.shelf__cover .icon{inline-size:1.6rem;block-size:1.6rem}.shelf__name{flex:1;min-inline-size:0;font-family:var(--font-reading);font-size:1.15rem;font-weight:600}.shelf__level{display:inline-flex;gap:3px;flex:none}.shelf__dot{inline-size:7px;block-size:7px;border-radius:50%;background:var(--border)}.shelf__dot--on{background:var(--accent)}.reader__next-btn{min-block-size:var(--tap-lg);gap:var(--space-3);white-space:normal}.reader__next-btn .icon{inline-size:var(--icon);block-size:var(--icon)}.reader__next-btn bdi{font-family:var(--font-reading)}.go-on{gap:var(--space-3);min-block-size:var(--tap-lg);padding-inline:var(--space-4);border-radius:var(--radius)}.go-on .icon{inline-size:2rem;block-size:2rem}.go-on--big{min-block-size:var(--tap-xl);padding-inline:var(--space-5)}.btn--primary .stage-pic{color:inherit}.consent-card,.consent{display:grid;gap:var(--space-3)}.consent__title{margin:0;font-size:1.125em}.consent__text p{margin-block:0 var(--space-2);max-inline-size:var(--reading-measure);line-height:var(--line-height)}.consent__version,.consent__muted{margin:0;color:var(--text-muted);font-size:var(--small-size)}.consent__choice{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small)}.consent__choice legend{float:inline-start;inline-size:100%;padding:0;font-weight:600}.consent__option{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--tap);cursor:pointer}.consent__option input{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--accent)}.consent__option input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.consent__status{margin:0}.consent__error{margin:0;color:var(--error)}.consent__history-title{margin:var(--space-2) 0 0;font-size:1em}.consent__history{margin:0;padding-inline-start:var(--space-5);display:grid;gap:var(--space-1)}.consent__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:999px;font-weight:700}.consent__badge .icon{inline-size:1.25rem;block-size:1.25rem}.consent__badge--yes{background:var(--good-bg, var(--accent-bg));color:var(--good, var(--accent))}.consent__badge--no{background:var(--surface-sunk);color:var(--text)}.consent__panel{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--surface-sunk)}.consent__panel[hidden]{display:none}.consent__option .icon{inline-size:1.25rem;block-size:1.25rem}.consent__option:has(input:disabled){opacity:.5;cursor:not-allowed}.consent__waiting{display:flex;align-items:center;gap:var(--space-2)}.consent__waiting .icon,.consent__history-icon{inline-size:1.1rem;block-size:1.1rem;vertical-align:-.2em;margin-inline-end:var(--space-1)}:root{--avatar-a1: #d9ecff;--avatar-a1-ink: #0b3a6e;--avatar-a2: #ffe3d1;--avatar-a2-ink: #7a2e00;--avatar-a3: #dff5e1;--avatar-a3-ink: #14532d;--avatar-a4: #f1e3ff;--avatar-a4-ink: #4c1d95;--avatar-a5: #fff2bf;--avatar-a5-ink: #6b4e00;--avatar-a6: #ffdbe6;--avatar-a6-ink: #831843;--good: #166534;--good-bg: #e3f4e6;--warn: #8a4b00;--warn-bg: #fff1d6;--accent-bg: #e0f0ee;--danger: var(--error);--kid-key: 4.75rem;--page-narrow: 30rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--avatar-a1: #1d3a5c;--avatar-a1-ink: #d9ecff;--avatar-a2: #5a2e14;--avatar-a2-ink: #ffe3d1;--avatar-a3: #1d4a2a;--avatar-a3-ink: #dff5e1;--avatar-a4: #3e2560;--avatar-a4-ink: #f1e3ff;--avatar-a5: #4d3d08;--avatar-a5-ink: #fff2bf;--avatar-a6: #5a1f38;--avatar-a6-ink: #ffdbe6;--good: #9fe0ad;--good-bg: #1d3a24;--warn: #ffd28a;--warn-bg: #3d2e10;--accent-bg: #173634}}.acct{max-inline-size:var(--page-max);margin-inline:auto;padding-block:var(--space-3) var(--space-6);padding-inline:var(--gutter)}.acct__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);margin-block-end:var(--space-4)}.acct__brand{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--tap);color:var(--text);font-weight:600;font-size:1.25rem;text-decoration:none}.acct__back{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--tap);padding-inline-end:var(--space-2);color:var(--accent);font-weight:600;text-decoration:none}.acct__back-arrow{font-size:1.5em;line-height:1}[dir=rtl] .acct__back-arrow{transform:scaleX(-1)}.acct__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-5)}.acct__title{margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.25;overflow-wrap:anywhere}.acct__title:focus{outline:none}.acct__head-actions,.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.acct-section{margin-block-end:var(--space-6)}.acct-section__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin-block-end:var(--space-2)}.acct-section__title{margin:0;font-size:1.25rem}.acct-section__action{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-inline-start:auto}.acct-section__help{margin:0 0 var(--space-3);max-inline-size:48rem;color:var(--text-muted);font-size:var(--small-size)}.rows{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);min-block-size:3.5rem;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small)}.row__main{display:flex;flex:1 1 12rem;align-items:center;gap:var(--space-3);min-inline-size:0;min-block-size:var(--tap);color:inherit;text-decoration:none}.row__main--link{border-radius:var(--radius-small)}.row__main--link:hover .row__title{color:var(--accent);text-decoration:underline}.row__text{display:flex;flex-direction:column;min-inline-size:0}.row__title{font-weight:600;overflow-wrap:anywhere}.row__detail{color:var(--text-muted);font-size:var(--small-size);overflow-wrap:anywhere}.row__pill{display:inline-flex;margin-inline-start:auto}.row__pill+.row__chevron{margin-inline-start:0}.row__chevron{margin-inline-start:auto;padding-inline:var(--space-2);color:var(--text-muted);font-size:1.5rem;line-height:1}[dir=rtl] .row__chevron{transform:scaleX(-1)}.row__end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-inline-start:auto}.pills{display:inline-flex;flex-wrap:wrap;gap:var(--space-1)}.pill{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:999px;background:var(--surface-sunk);color:var(--text);font-size:var(--small-size);font-weight:600;white-space:nowrap}.pill--good{background:var(--good-bg);color:var(--good)}.pill--warn{background:var(--warn-bg);color:var(--warn)}.pill--accent{background:var(--accent-bg);color:var(--accent)}.card{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card--narrow{max-inline-size:var(--page-narrow);margin-inline:auto;margin-block-end:var(--space-4)}.card--row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.card--attention{border-color:var(--warn);background:var(--warn-bg)}.card__lead{display:flex;align-items:center;gap:var(--space-3);flex:1 1 16rem}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}.empty p{margin:0}.note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block:var(--space-2);padding:var(--space-3);border-radius:var(--radius-small);border-inline-start:4px solid var(--error);background:var(--surface-sunk)}.note p{margin:0}.loading{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);color:var(--text-muted)}.spinner{inline-size:1.25rem;block-size:1.25rem;border:3px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.spinner--small{inline-size:1em;block-size:1em;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.lead{margin-block:0 var(--space-4)}.muted{color:var(--text-muted);font-size:var(--small-size)}.center{text-align:center}.switch-mode{margin-block:var(--space-4) 0}.mail-mark{inline-size:3rem;block-size:2.25rem;margin-block-end:var(--space-3);fill:none;stroke:var(--accent);stroke-width:3;stroke-linejoin:round}.dev-note{border-style:dashed}.dev-note__title{margin:0 0 var(--space-1);font-size:1rem}.danger-zone{margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:1px solid var(--border)}.usage-window .segmented__options{display:grid;grid-template-columns:repeat(3,auto);max-inline-size:100%}.usage-window .segmented__option{justify-content:center;text-align:center;padding-inline:var(--space-3);font-size:var(--small-size)}@media(max-width:30rem){.usage-window,.usage-window .segmented__options{inline-size:100%}.usage-window .segmented__options{grid-template-columns:repeat(3,1fr)}.usage-window .segmented__option{padding-inline:var(--space-2)}}.subhead{margin-block:var(--space-4) var(--space-2);font-size:1rem}.table-scroll{overflow-x:auto;max-inline-size:100%}.month-table{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.month-table th,.month-table td{padding:var(--space-2) var(--space-3);text-align:start;border-block-end:1px solid var(--border);vertical-align:top}.month-table thead th{color:var(--text-muted);font-size:var(--small-size);font-weight:600}.month-table tbody th{white-space:nowrap}.class-reading{margin-block-end:var(--space-4)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-2);margin:0}.tile{padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small)}.tile__label{color:var(--text-muted);font-size:var(--small-size)}.tile__value{margin:0;font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums}.form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.input{inline-size:100%;min-block-size:var(--tap);padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--bg);font-size:max(1rem,16px)}.input[aria-invalid=true]{border-color:var(--error)}.input--pin,.input--code{max-inline-size:14rem;font-size:1.5rem;letter-spacing:.2em;font-variant-numeric:tabular-nums}.choices{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0}.choice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-small);cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:var(--accent-bg)}.choice input{inline-size:1.25rem;block-size:1.25rem;margin-block-start:.2rem;accent-color:var(--accent)}.choice__text{display:flex;flex-direction:column}.choice__label{font-weight:600}.choice__help{color:var(--text-muted);font-size:var(--small-size)}.prefs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3)}.prefs__grid>.field{justify-content:flex-end}.range-row{display:flex;align-items:center;gap:var(--space-3)}.range-row .dial__range{flex:1}.range-row__end{color:var(--text-muted);font-size:var(--small-size)}.form__actions{display:flex;justify-content:flex-end}.btn--wide{inline-size:100%}.btn--quiet{border-color:transparent;background:transparent;color:var(--accent)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger-quiet{border-color:transparent;background:transparent;color:var(--danger)}a.btn{text-decoration:none}.acct-dialog{max-block-size:calc(100dvh - 2 * var(--gutter))}.acct-dialog__body{margin:0}.acct-dialog .dialog__actions{flex-wrap:wrap}.code{margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius-small);background:var(--surface-sunk);font-size:2rem;font-weight:600;letter-spacing:.15em;text-align:center;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.avatar{display:inline-grid;flex:none;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;font-weight:600;font-size:1.125rem}.avatar--xl{inline-size:6rem;block-size:6rem;font-size:2.75rem}.avatar--a1{background:var(--avatar-a1);color:var(--avatar-a1-ink)}.avatar--a2{background:var(--avatar-a2);color:var(--avatar-a2-ink)}.avatar--a3{background:var(--avatar-a3);color:var(--avatar-a3-ink)}.avatar--a4{background:var(--avatar-a4);color:var(--avatar-a4-ink)}.avatar--a5{background:var(--avatar-a5);color:var(--avatar-a5-ink)}.avatar--a6{background:var(--avatar-a6);color:var(--avatar-a6-ink)}.toast{position:fixed;inset-block-end:var(--space-4);inset-inline:var(--gutter);z-index:100;display:flex;justify-content:center;pointer-events:none}.toast__text{margin:0;max-inline-size:32rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--text);color:var(--bg);box-shadow:var(--shadow);animation:toast-in var(--motion) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}.kid{display:flex;flex-direction:column;min-block-size:100dvh;padding-inline:var(--gutter)}.kid__main{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-4);inline-size:100%;max-inline-size:48rem;margin-inline:auto;padding-block:var(--space-6);text-align:center}.kid__title{margin:0;font-size:clamp(2rem,1.5rem + 2.5vw,3rem);line-height:1.2}.kid__text{margin:0;font-size:1.375rem}.kid__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.kid__footer{padding-block:var(--space-4);text-align:center;font-size:var(--small-size)}.btn--big{min-block-size:3.5rem;padding-inline:var(--space-5);font-size:1.25rem;border-radius:var(--radius)}.profiles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);inline-size:100%;margin:0;padding:0;list-style:none}.profiles>li{flex:1 1 9.5rem;max-inline-size:13rem}.acct a:not(.btn,.acct__brand),.kid a:not(.btn){color:var(--accent);font-weight:600}.profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-5) var(--space-3);border:3px solid var(--border);border-radius:1.5rem;background:var(--surface);cursor:pointer;touch-action:manipulation;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast)}.profile:hover{border-color:var(--accent)}.profile:active{transform:scale(.96)}.profile__name{font-size:1.625rem;font-weight:600;overflow-wrap:anywhere}.pinpad{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.pinpad__who{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pinpad__message{min-block-size:3.2em;margin:0;font-size:1.25rem;font-weight:600;color:var(--error)}.pin-dots{display:flex;gap:var(--space-3);direction:ltr}.pin-dots--wrong{animation:shake .36s var(--ease-out)}@keyframes shake{20%,60%{transform:translate(-.6rem)}40%,80%{transform:translate(.6rem)}}@media(prefers-reduced-motion:reduce){.pin-dots--wrong{animation:none}}.pin-dot{inline-size:1.5rem;block-size:1.5rem;border:3px solid var(--text-muted);border-radius:50%}.pin-dot--on{background:var(--accent);border-color:var(--accent)}.keys{display:grid;grid-template-columns:repeat(3,var(--kid-key));gap:var(--space-3);direction:ltr}.key{display:grid;place-items:center;inline-size:var(--kid-key);block-size:var(--kid-key);border:2px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:2rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast)}.key:active:not(:disabled){transform:scale(.92);background:var(--surface-sunk)}.key:disabled{opacity:.4;cursor:not-allowed}.key--tool{border-color:transparent;background:transparent}.key--go{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-size:1.5rem}.kid__top{display:flex;justify-content:flex-end;padding-block-start:var(--space-2)}.acct-link{position:relative}.acct-link__dot{position:absolute;inset-block-start:6px;inset-inline-end:6px;inline-size:.6rem;block-size:.6rem;border-radius:50%;border:2px solid var(--surface);background:var(--accent)}.acct__top-end{margin-inline-start:auto}.acct__lang{font-weight:600}.topbar__actions:has(.acct-link,.learner__badge){flex-wrap:wrap}.learner__badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.learner__who{display:inline-flex;align-items:center;gap:var(--space-2);min-inline-size:0}.learner__name{font-weight:600;overflow-wrap:anywhere}.learner--child .learner__name{font-size:1.25rem}.today{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.today>*{min-inline-size:0}.learner--child .today{border-color:transparent;background:var(--accent-bg)}.today--free{justify-content:center}.today__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.today__title{margin:0;font-size:1.25rem}.learner--child .today__title{font-size:1.5rem}.today__stage{margin:0;font-size:1.25rem;font-weight:600;color:var(--accent)}.today__due{color:var(--text-muted);font-weight:400;font-size:var(--small-size)}.today__note{margin:0}.note-line{margin-block:var(--space-2) 0}@media(max-width:30rem){:root{--kid-key: 4.25rem}.acct__top{column-gap:var(--space-3);padding-inline-end:calc(var(--tap) + var(--space-2))}.kid__top{padding-inline-end:calc(var(--tap) + var(--space-3))}.acct__top:has(.acct__back) .acct__brand-name{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.acct-section__action{justify-content:flex-start;margin-inline-start:0}.row .btn--quiet{padding-inline:var(--space-2)}}.month-table__icon{display:block;inline-size:1.4rem;block-size:1.4rem;margin-block-end:var(--space-1);color:var(--accent)}.usage__preparing{vertical-align:-.15em}.acct__brand{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--tap);min-inline-size:var(--tap)}.acct__back{min-block-size:var(--tap);min-inline-size:var(--tap)}.acct-section__title{display:inline-flex;align-items:center;gap:var(--space-2)}.acct-section__icon{inline-size:1.5rem;block-size:1.5rem;color:var(--accent);flex:none}.acct-section__head>.help{flex:1 1 auto}.field__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2)}.pill__icon{inline-size:1.1em;block-size:1.1em;flex:none}.pill:has(.pill__icon){gap:var(--space-1)}.pill--icon{padding:.3rem}.empty__icon{inline-size:1.5rem;block-size:1.5rem;margin-inline-end:var(--space-2);vertical-align:-.3em;color:var(--accent)}.today__what{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.today__icon{inline-size:2rem;block-size:2rem;color:var(--accent);flex:none}.today__due{display:inline-flex;align-items:center;gap:var(--space-1)}.today__due-icon{inline-size:1.25rem;block-size:1.25rem}.today__finished{color:var(--accent)}.today--done{justify-content:center}.today__trophy{inline-size:2.5rem;block-size:2.5rem;color:var(--accent)}.pinpad__message{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.pinpad__locked{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--danger)}.pinpad__locked .icon{inline-size:2.5rem;block-size:2.5rem}.pinpad__error{color:var(--danger);font-weight:600}.kid__title-icon{inline-size:1.5em;block-size:1.5em;vertical-align:-.3em;color:var(--accent)}.key--tool .icon{inline-size:2rem;block-size:2rem}.choice__icon{inline-size:1.75rem;block-size:1.75rem;color:var(--accent);flex:none}.signin__go{align-self:flex-end}.mail-mark.icon{display:block;inline-size:4rem;block-size:4rem;margin-inline:auto;color:var(--accent)}.check-email__to{margin:0;text-align:center;font-weight:600;overflow-wrap:anywhere}.tile__icon{display:block;inline-size:1.4rem;block-size:1.4rem;margin-block-end:var(--space-1);color:var(--accent)}.code__until{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0;color:var(--text-muted)}.code__until-icon{inline-size:1.25rem;block-size:1.25rem}.usage-window .segmented__option{white-space:nowrap}.month-table thead th{text-align:center}.month-table thead .month-table__icon{margin-inline:auto;margin-block-end:0}.month-table__note{vertical-align:middle}.month-table__cell{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.month-table th,.month-table td{padding-inline:var(--space-1)}.month-table tbody td{text-align:center}.month-table__stages{justify-content:center}.month-table__locked{display:inline-flex;color:var(--text-muted)}.month-table__lock{inline-size:1.4rem;block-size:1.4rem}.month-table__stages{display:flex;flex-wrap:wrap;gap:var(--space-2)}.month-table__stage{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.choice--stage{align-items:center}.signin__ended{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background:var(--surface-sunk);color:var(--text)}.signin__ended-icon{inline-size:1.4rem;block-size:1.4rem;flex:none;color:var(--text-muted)}.row__detail:has(>.email-address),.check-email__to{overflow-wrap:break-word}.email-address{unicode-bidi:isolate;overflow-wrap:break-word;word-break:normal}.tile__picture{display:flex;align-items:center;inline-size:auto}