:root{font-size:16px}:root[data-size=big]{font-size:19px}:root[data-size=huge]{font-size:22px}:root,.lk-cream{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--white:#fff;--cream-50:#fffcf6;--cream-100:#f6eddd;--cream-200:#f1e5d1;--cream-300:#e7d7bc;--cream-400:#d2bc96;--warm-grey-700:#7d7465;--ink-900:#16293a;--ink-700:#4a5f72;--ink-600:#4b5f6f;--teal-700:#22655d;--red-700:#ae0036;--purple-700:#79457f;--orange-700:#b4460b;--bb-yellow:#f6a301;--bb-teal:#42a89d;--bb-blue:#2f77bc;--bb-orange:#eb5d12;--bb-red:#e50045;--bb-purple:#b07fb7;--bb-face:#1d1d1b;--note-five:#a8d8cc;--note-ten:#e8b58a;--note-twenty:#c9b3dd;--note-edge:#3d4a52;--purple-800:#683a6e;--purple-900:#4e2854;--blue-800:#1f5a94;--blue-900:#164270;--maths-tint-light:#e5f3f0;--writing-tint-light:#f4edf6;--gold-tint:#fff4dc;--night-ground:#07253c;--night-surface:#0b314f;--night-zone:#051b2d;--night-sunken-2:#15486e;--night-track:#245f96;--night-ink:#f5eee3;--night-ink-2:#c2d2df;--night-ink-3:#b4c4d1;--night-maths:#7fdccb;--night-spelling:#8cc2f5;--night-writing:#e0bce7;--bg-page:var(--cream-100);--bg-tile:var(--cream-200);--bg-surface:var(--cream-50);--bg-selected:var(--cream-300);--bg-track:var(--cream-400);--bg-overlay:var(--warm-grey-700);--bg-calm:var(--purple-800);--bg-calm-ink:var(--purple-900);--bg-calm-picture:url(/squiggles.webp);--bg-staff:var(--blue-800);--bg-staff-ink:var(--blue-900);--bg-staff-picture:url(/squiggles-blue.webp);--action-primary:var(--bb-yellow);--text-primary:var(--ink-900);--text-secondary:var(--ink-700);--text-nav:var(--ink-600);--text-on-primary:var(--ink-900);--text-danger:var(--red-700);--icon-default:var(--ink-900);--icon-muted:var(--ink-700);--border-selected:#b07600;--border-input:#627380;--border-edge:var(--white);--border-danger:var(--red-700);--subject-maths:var(--teal-700);--subject-spelling:#2566a3;--subject-writing:var(--purple-700);--buddy-happy:var(--bb-teal);--buddy-sad:var(--bb-blue);--buddy-worried:var(--bb-yellow);--buddy-cross:var(--bb-orange);--buddy-angry:var(--bb-red);--buddy-calm:var(--bb-purple);--buddy-face:var(--bb-face);--answer-right:var(--buddy-happy);--answer-not-yet:var(--mark-problem);--answer-shown:var(--text-primary);--answer-right-ink:var(--text-primary);--answer-not-yet-ink:var(--text-primary);--answer-shown-ink:var(--text-primary);--mark-home:var(--bb-teal);--mark-weeks:var(--bb-purple);--mark-settings:var(--bb-yellow);--mark-grown-up:var(--bb-blue);--progress-dot:var(--purple-700);--text-done:var(--teal-700);--mark-info:var(--bb-purple);--mark-done:var(--bb-teal);--mark-problem:var(--bb-orange);--mark-done-tint:#e5f3f0;--on-mark-dark:var(--bb-face);--on-mark:#fff;--on-subject:#fff;--on-spelling-mark:#fff;--space-0:0;--space-half:4px;--space-1:8px;--space-1-half:12px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--radius-small:8px;--radius-row:12px;--radius-tile:20px;--radius-pill:100px;--size-tap:44px;--size-control:48px;--size-chip:52px;--size-input:60px;--size-button:76px;--size-buddy-large:72px;--size-buddy-small:48px;--elevation-card:0 1px 4px #0c0c0d0d;--elevation-menu:0 0 5px #0c0c0d0d;--elevation-float:0 0 8px #16293a33;--elevation-dialog:0 16px 32px -8px #0c0c0d66;--scrim:#7d74658c;--scrim-blur:14px;--display:"Space Grotesk", system-ui, sans-serif;--fallback:-apple-system, system-ui, sans-serif;--body:"Atkinson Hyperlegible Next", var(--fallback);--type-heading-display:700 3rem/3.5rem var(--display);--type-heading-large:700 1.5rem/2rem var(--display);--type-heading-medium:700 1.25rem/1.5rem var(--display);--type-heading-section:700 2rem/2.5rem var(--display);--type-button-large:600 1.25rem/1.5rem var(--body);--type-body-large-bold:600 1.125rem/1.75rem var(--body);--type-body-large:400 1rem/1.5rem var(--body);--type-answer-word:400 1.25rem/1.75rem var(--body);--type-label-large:600 1rem/1.5rem var(--body);--type-body-medium:400 1rem/1.5rem var(--body);--type-body-small:400 .9375rem/1.5rem var(--body);--type-body-small-bold:600 .9375rem/1.5rem var(--body);--type-code:700 2rem/2.5rem var(--display);--type-caption:400 .875rem/1.5rem var(--body);--type-kicker:600 .875rem/1.5rem var(--body);--type-help:600 .875rem/1.5rem var(--body);--type-number-large:600 1.5rem/2rem var(--body);--type-number-small:400 1.125rem/1.5rem var(--body);--type-web-display:700 4.5rem/1.05 var(--display);--type-web-h2:700 3rem/1.15 var(--display);--type-web-h3:700 2rem/1.2 var(--display);--type-web-title:700 1.5rem/1.25 var(--display);--type-web-lead:400 1.375rem/1.5 var(--body);--type-web-body:400 1.125rem/1.55 var(--body);--type-web-body-strong:600 1.125rem/1.55 var(--body);--type-web-small:400 .9375rem/1.5 var(--body);--type-web-kicker:600 .875rem/1.4 var(--body);--feedback-good:#1b6034;--good:var(--feedback-good);--feedback-good-tint:#dfefe2;--good-tint:var(--feedback-good-tint);--feedback-bad:#9c2420;--bad:var(--feedback-bad);--feedback-bad-tint:#f7e1de;--bad-tint:var(--feedback-bad-tint);--feedback-warn:#8a5b00;--warn:var(--feedback-warn);--feedback-warn-tint:#fbeed2;--warn-tint:var(--feedback-warn-tint);--writing:#af7fb6;--writing-mark:#9b5fa8;--writing-tint:#f0e6f3;--spelling:#2f77bc;--spelling-mark:#2f77bc;--spelling-tint:#dcebf7;--maths:#40a89c;--maths-mark:#2f9a8c;--maths-tint:#e1f0ed;--logo-brand:#eb5d12;--logo-menu:#627380;--logo-ink:#b4460b;--swatch-cream:#f6eddd;--swatch-cream-ink:#16293a;--swatch-night:#07253c;--swatch-night-ink:#f5eee3;--ink:var(--text-primary);--ink-2:var(--text-secondary);--ink-3:var(--text-nav);--ground:var(--bg-page);--surface:var(--bg-surface);--sunken:var(--bg-tile);--sunken-2:var(--bg-selected);--track:var(--bg-track);--zone:var(--bg-tile);--tint:var(--bg-page);--gold:var(--action-primary);--on-gold:var(--text-on-primary);--border-focus:#035086;--blue:var(--border-focus);--face:#132433;--on-accent:var(--on-mark-dark);--writing-ink:var(--subject-writing);--spelling-ink:var(--subject-spelling);--maths-ink:var(--subject-maths);--public-body:var(--body);--r:var(--radius-tile);--r-sm:16px;--sh-1:var(--elevation-card);--sh-float:0 4px 12px #16293a1a, 0 12px 32px #16293a1f;--sh-dialog:var(--elevation-dialog);--tap:var(--size-button);--tap-2:var(--size-input);--tap-min:var(--size-tap);--picture-sky:#dcebf7;--picture-blue-light:#6fa3d8;--picture-blue:#2f77bc;--picture-blue-dark:#1f5a94;--picture-teal-light:#e5f3f0;--picture-teal:#42a89d;--picture-teal-dark:#22655d;--picture-orange-light:#f7b48e;--picture-orange:#eb5d12;--picture-orange-dark:#b4460b;--picture-night:#16293a;--picture-purple:#b07fb7;--picture-purple-dark:#79457f;--picture-purple-light:#f4edf6;--picture-red:#e50045;--picture-red-dark:#ae0036;--picture-tan-light:#f1e5d1;--picture-tan:#d2bc96;--picture-brown:#8a5a3c;--picture-brown-dark:#6b4430;--picture-paper:#fff;--coin-silver:#d7dadf;--coin-copper:#c98a5a;--coin-edge:#5a5f66;--coin-copper-edge:#6b3d1e;--coin-gold:#e2c25c;--coin-gold-edge:#7a5f12;--coin-text:#1b1b1b}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night-ground:#07253c;--night-surface:#0b314f;--night-zone:#051b2d;--night-sunken-2:#15486e;--night-track:#245f96;--night-ink:#f5eee3;--night-ink-2:#c2d2df;--night-ink-3:#b4c4d1;--night-maths:#7fdccb;--night-spelling:#8cc2f5;--night-writing:#e0bce7;--night-overlay:#020d16;--mark-done-tint:#0b3b3b;--logo-menu:#b4c4d1;--face:#1c1c1b;--bg-page:var(--night-ground);--bg-surface:var(--night-surface);--bg-tile:var(--night-zone);--bg-selected:var(--night-sunken-2);--bg-track:var(--night-track);--bg-overlay:var(--night-overlay);--text-primary:var(--night-ink);--text-secondary:var(--night-ink-2);--text-nav:var(--night-ink-3);--text-danger:#ff9e96;--border-danger:#ff9e96;--icon-default:var(--night-ink);--icon-muted:var(--night-ink-2);--border-edge:var(--night-sunken-2);--subject-maths:var(--night-maths);--subject-spelling:var(--night-spelling);--subject-writing:var(--night-writing);--border-selected:var(--bb-yellow);--border-input:#6f93b3;--on-subject:var(--bb-face);--progress-dot:var(--night-writing);--text-done:var(--night-maths);--sunken:#0b3048;--border-focus:#8fc6ee;--blue:var(--border-focus);--writing-mark:#a868be;--writing-tint:#2c2242;--spelling-mark:#2f77bc;--spelling-tint:#13304d;--maths-mark:#18a88f;--maths-tint:#0b3b3b;--feedback-good:#7bdb9b;--good:var(--feedback-good);--feedback-good-tint:#103b26;--good-tint:var(--feedback-good-tint);--feedback-bad:#ff9e96;--bad:var(--feedback-bad);--feedback-bad-tint:#45211d;--bad-tint:var(--feedback-bad-tint);--feedback-warn:#f0c267;--warn:var(--feedback-warn);--feedback-warn-tint:#3a2e12;--warn-tint:var(--feedback-warn-tint);--elevation-card:0 1px 4px #0000004d;--elevation-float:0 4px 8px #00000073;--sh-float:0 4px 14px #0006, 0 14px 36px #00000061;--elevation-dialog:0 16px 32px -8px #0009;--scrim:#020d169e}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overscroll-behavior:none}html:has(dialog:modal){overflow:hidden}body{background:var(--bg-page);color:var(--text-primary);font:var(--type-body-medium);-webkit-font-smoothing:antialiased;margin:0;transition:background .3s}h1,h2,h3{font-family:var(--display);line-height:1.2}b,strong{font-weight:600}:focus-visible{outline:4px solid var(--border-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-reading]{border-radius:var(--r-sm);box-shadow:0 0 0 3px var(--gold)}