:root{color-scheme:light;--canvas:#fff2db;--surface:#fffbf3;--raised:#fffefa;--sunk:#fbe7c6;--text:#201e32;--muted:#605a6b;--line:#e8dcc8;--line-strong:#8a8094;--action:#234efa;--action-hover:#1a3dd6;--action-edge:#14298f;--on-action:#fff2db;--link:#1f45e0;--focus:#234efa;--coral:#ff5a3d;--coral-text:#b8331b;--butter:#ffe76d;--mint:#86f4cc;--paper-edge:#201e32;--shadow:32 30 50;--illus-bd-1:#ffe76d8c;--illus-bd-2:#86f4cc80;--info-bg:#e3e8ff;--tip-bg:#fff3b8;--calm-bg:#d4f8e8;--warn-bg:#ffe0d8;--success:#17694a;--error:#a52e38;--maths-tint:#dfe4ff;--maths-paper:#234efa;--maths-deep:#1e40c8;--francais-tint:#ece4ff;--francais-paper:#9b7bff;--francais-deep:#5a3cc4;--geographie-tint:#cff7e6;--geographie-paper:#86f4cc;--geographie-deep:#16674a;--sciences-tint:#fff0a9;--sciences-paper:#ffe76d;--sciences-deep:#735400;--histoire-tint:#ffd9ce;--histoire-paper:#ff5a3d;--histoire-deep:#a8321e;--brand-cobalt:#234efa;--brand-coral:#ff5a3d;--brand-butter:#ffe76d;--brand-mint:#86f4cc;--brand-ink:#201e32;--brand-ivory:#fff2db;--brand-lilac:#9b7bff;--font-display:"Bricolage Grotesque", ui-rounded, "Avenir Next", system-ui, sans-serif;--font-body:"Nunito", ui-rounded, "Avenir Next", system-ui, sans-serif;--step--2:clamp(.81rem, .78511rem + .11vw, .88rem);--step--1:clamp(.94rem, .91011rem + .11vw, 1rem);--step-0:clamp(1.06rem, 1.03511rem + .11vw, 1.13rem);--step-1:clamp(1.25rem, 1.16784rem + .34vw, 1.44rem);--step-2:clamp(1.5rem, 1.33567rem + .67vw, 1.88rem);--step-3:clamp(1.81rem, 1.51124rem + 1.24vw, 2.5rem);--step-4:clamp(2.13rem, 1.57725rem + 2.25vw, 3.38rem);--step-5:clamp(2.5rem, 1.73315rem + 3.15vw, 4.25rem);--leading-tight:1.05;--leading-snug:1.2;--leading-body:1.6;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--section:clamp(3.5rem, 1.96629rem + 6.29vw, 7rem);--gutter:clamp(1rem, .3427rem + 2.7vw, 2.5rem);--max-width:75rem;--measure:66ch;--radius-xs:8px;--radius-s:12px;--radius-m:16px;--radius-l:24px;--radius-xl:32px;--radius-pill:999px;--shadow-paper:0 1px 0 rgb(var(--shadow) / .1), 0 3px 0 rgb(var(--shadow) / .1), 0 14px 28px -18px rgb(var(--shadow) / .45);--shadow-lift:0 2px 0 rgb(var(--shadow) / .1), 0 6px 0 rgb(var(--shadow) / .08), 0 22px 36px -20px rgb(var(--shadow) / .5);--shadow-sticker:2px 3px 0 var(--paper-edge);--shadow-button:0 4px 0 var(--action-edge);--shadow-button-pressed:0 1px 0 var(--action-edge);--ease-paper:cubic-bezier(.2, .9, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.36s;--z-base:0;--z-sticky:20;--z-menu:30;--z-dialog:40;--z-toast:50}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas:#191824;--surface:#232134;--raised:#2d2a41;--sunk:#141320;--text:#fff2db;--muted:#c3bdcc;--line:#3a3650;--line-strong:#9b91ad;--action:#aebbff;--action-hover:#c9d1ff;--action-edge:#6f80e8;--on-action:#191824;--link:#b7c3ff;--focus:#ffe76d;--coral:#ff6b50;--coral-text:#ff9a85;--butter:#ffe76d;--mint:#86f4cc;--paper-edge:#0b0a12;--shadow:5 4 12;--illus-bd-1:#2d2a41;--illus-bd-2:#1d3a33;--info-bg:#26305f;--tip-bg:#3a2e1c;--calm-bg:#173b30;--warn-bg:#4a2420;--success:#86f4cc;--error:#ffb3b8;--maths-tint:#2a3370;--maths-paper:#6f86ff;--maths-deep:#c3cdff;--francais-tint:#3a2e68;--francais-paper:#b49bff;--francais-deep:#dcd0ff;--geographie-tint:#163f32;--geographie-paper:#5fddb2;--geographie-deep:#a6f6d9;--sciences-tint:#433a10;--sciences-paper:#ffe76d;--sciences-deep:#ffefa0;--histoire-tint:#53281f;--histoire-paper:#ff7a61;--histoire-deep:#ffc4b6}}:root[data-theme=dark]{color-scheme:dark;--canvas:#191824;--surface:#232134;--raised:#2d2a41;--sunk:#141320;--text:#fff2db;--muted:#c3bdcc;--line:#3a3650;--line-strong:#9b91ad;--action:#aebbff;--action-hover:#c9d1ff;--action-edge:#6f80e8;--on-action:#191824;--link:#b7c3ff;--focus:#ffe76d;--coral:#ff6b50;--coral-text:#ff9a85;--butter:#ffe76d;--mint:#86f4cc;--paper-edge:#0b0a12;--shadow:5 4 12;--illus-bd-1:#2d2a41;--illus-bd-2:#1d3a33;--info-bg:#26305f;--tip-bg:#3a2e1c;--calm-bg:#173b30;--warn-bg:#4a2420;--success:#86f4cc;--error:#ffb3b8;--maths-tint:#2a3370;--maths-paper:#6f86ff;--maths-deep:#c3cdff;--francais-tint:#3a2e68;--francais-paper:#b49bff;--francais-deep:#dcd0ff;--geographie-tint:#163f32;--geographie-paper:#5fddb2;--geographie-deep:#a6f6d9;--sciences-tint:#433a10;--sciences-paper:#ffe76d;--sciences-deep:#ffefa0;--histoire-tint:#53281f;--histoire-paper:#ff7a61;--histoire-deep:#ffc4b6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--canvas);color:var(--text);font:500 var(--step-0)/var(--leading-body) var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;line-height:var(--leading-snug);letter-spacing:-.015em;text-wrap:balance;margin:0}h1{font-size:var(--step-5);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.03em}h2{font-size:var(--step-3);letter-spacing:-.025em;font-weight:760}h3{font-size:var(--step-1);font-weight:720}p{text-wrap:pretty;margin:0}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}img,svg{max-width:100%;display:block}img{height:auto}.i{fill:currentColor;flex:none;width:1.2em;height:1.2em}.muted{color:var(--muted)}.wrap{width:100%;max-width:calc(var(--max-width) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius-xs)}.skip{left:var(--gutter);z-index:var(--z-toast);background:var(--action);color:var(--on-action);border-radius:var(--radius-m);font:700 var(--step-0)/1 var(--font-display);padding:12px 18px;text-decoration:none;position:absolute;top:-100px}.skip:focus{top:12px}.btn{border-radius:var(--radius-m);background:var(--action);min-height:48px;color:var(--on-action);box-shadow:var(--shadow-button);font:720 var(--step-0)/1.05 var(--font-display);white-space:nowrap;cursor:pointer;transition:transform var(--dur-quick) var(--ease-out), box-shadow var(--dur-quick) var(--ease-out), background-color var(--dur-quick) linear;border:0;justify-content:center;align-items:center;gap:.5em;padding:.75em 1.3em;text-decoration:none;display:inline-flex}.btn:hover{background:var(--action-hover);text-decoration:none}.btn:active{box-shadow:var(--shadow-button-pressed);transform:translateY(3px)}.btn--secondary{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 2px var(--text), 0 4px 0 var(--text)}.btn--secondary:hover{background:var(--surface)}.btn--secondary:active{box-shadow:inset 0 0 0 2px var(--text), 0 1px 0 var(--text)}.btn--quiet{color:var(--link);box-shadow:none;text-underline-offset:.2em;background:0 0;padding-inline:.4em;text-decoration:underline 2px}.btn--quiet:hover{background:0 0;text-decoration-thickness:3px}.btn--quiet:active{transform:none}.btn--large{min-height:56px;font-size:var(--step-1);border-radius:18px;padding-inline:1.5em}.btn--icon{width:48px;padding:0}.btn[aria-disabled=true]{background:var(--sunk);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line-strong);cursor:not-allowed;transform:none}.btn .i{width:1.15em;height:1.15em}.btn .i-trail{transition:transform var(--dur-base) var(--ease-out)}.btn:hover .i-trail{transform:translate(3px)}.btn:hover .i-ext{transform:translate(2px,-2px)}.chip{border-radius:var(--radius-pill);background:var(--tint,var(--surface));min-height:32px;color:var(--text);font:700 var(--step--1)/1.1 var(--font-display);white-space:nowrap;align-items:center;gap:.4em;padding:.2em .85em .2em .3em;display:inline-flex}.chip .badge{width:1.7em;height:1.7em;margin-block:-.1em}.chip .badge svg{width:100%;height:100%}.bd-1{fill:var(--illus-bd-1)}.bd-2{fill:var(--illus-bd-2)}.chip--plain{padding-left:.85em}[data-subject=maths]{--tint:var(--maths-tint);--paper:var(--maths-paper);--deep:var(--maths-deep)}[data-subject=francais]{--tint:var(--francais-tint);--paper:var(--francais-paper);--deep:var(--francais-deep)}[data-subject=geographie]{--tint:var(--geographie-tint);--paper:var(--geographie-paper);--deep:var(--geographie-deep)}[data-subject=sciences]{--tint:var(--sciences-tint);--paper:var(--sciences-paper);--deep:var(--sciences-deep)}[data-subject=histoire]{--tint:var(--histoire-tint);--paper:var(--histoire-paper);--deep:var(--histoire-deep)}.filter{gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip-btn{cursor:pointer;min-height:44px;transition:transform var(--dur-quick) var(--ease-out), border-color var(--dur-quick) linear;border:2px solid #0000;padding-right:1em}.chip-btn:hover{border-color:var(--line-strong)}.chip-btn:active{transform:scale(.97)}.chip-btn[aria-pressed=true]{background:var(--text);color:var(--canvas)}.chip-btn .tick{display:none}.chip-btn[aria-pressed=true] .tick{display:block}.card{gap:var(--space-xs);padding:var(--space-2xs) var(--space-2xs) var(--space-m);background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-paper);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);align-content:start;display:grid;position:relative}.card>:not(.media){margin-inline:var(--space-xs)}.card .media{border-radius:var(--radius-m);aspect-ratio:16/9;background:var(--sunk);position:relative;overflow:hidden}.card .media img{object-fit:cover;width:100%;height:100%}.card h3 a{color:inherit;text-decoration:none}.card h3 a:after{content:"";border-radius:inherit;z-index:1;position:absolute;inset:0}.card h3 a:focus-visible{outline:none}.card:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.card--link:active{transform:translateY(-1px)}.kind{color:var(--muted);font:700 var(--step--2)/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;display:flex}.card .row{align-items:center;gap:var(--space-2xs) var(--space-xs);flex-wrap:wrap;display:flex}.card p.desc{color:var(--muted);font-size:var(--step--1)}.card .cta{margin-top:var(--space-3xs);justify-self:start}.yt{z-index:2;position:relative}.yt .play{cursor:pointer;border-radius:var(--radius-m);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.yt .play:before{content:"";border-radius:inherit;background:linear-gradient(#0000 40%,#201e3247);position:absolute;inset:0}.yt .play-in{justify-items:center;gap:6px;display:grid;position:relative}.yt .play-lbl{border-radius:var(--radius-pill);background:var(--raised);color:var(--text);font:750 var(--step--2)/1.2 var(--font-display);box-shadow:var(--shadow-sticker);padding:3px 10px}.yt .play-disc{width:76px;height:76px;transition:transform var(--dur-base) var(--ease-out);position:relative}.yt .play:active .play-disc{transform:scale(.96)}.yt .play:focus-visible{outline-offset:-5px}.yt .frame{color:#fff2db;font:600 var(--step--1)/1.4 var(--font-body);text-align:center;background:#0e0d16;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.yt-note{color:var(--muted);font-size:var(--step--2);align-items:flex-start;gap:.4em;line-height:1.4;display:flex}.yt-note .i{width:1.1em;height:1.1em;margin-top:.1em}.btn--menu{min-height:48px;font-size:var(--step--1);gap:.4em;padding-inline:.9em}.hero .kicker{margin-bottom:var(--space-s);color:var(--coral-text);font:800 var(--step-0)/1.2 var(--font-display);letter-spacing:-.01em;align-items:center;gap:.45em;display:inline-flex}.chip--level{box-shadow:inset 0 0 0 2px var(--line-strong);background:0 0;padding-inline:.75em}.counts{gap:var(--space-2xs) var(--space-s);font:700 var(--step--1)/1.2 var(--font-display);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.counts li{color:var(--deep,var(--text));align-items:center;gap:.35em;display:inline-flex}.card .band{height:10px;margin:calc(-1 * var(--space-2xs)) calc(-1 * var(--space-2xs)) 0;border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--paper)}.lesson-art{aspect-ratio:16/9;border-radius:var(--radius-m);background:var(--tint);place-items:center;display:grid}.lesson-art svg{width:44%;height:auto}.step{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-m);display:flex}.step .num{background:var(--coral);color:#201e32;width:44px;height:44px;font:800 var(--step-1)/1 var(--font-display);box-shadow:var(--shadow-sticker);border-radius:50%;place-items:center;display:grid}.step .num--2{background:var(--butter)}.step .num--3{background:var(--mint)}.step h2{font-size:var(--step-2)}.step small{color:var(--muted);font:700 var(--step--2)/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;display:block}.adult{gap:var(--space-m);padding:var(--space-l);border-radius:var(--radius-l);background:var(--canvas);border:2px solid var(--line-strong);display:grid}.adult header{align-items:center;gap:var(--space-xs);padding-bottom:var(--space-s);border-bottom:1px solid var(--line);display:flex}.adult header .i{width:26px;height:26px;color:var(--muted)}.adult h2{font-size:var(--step-1)}.adult h3{font-size:var(--step-0);margin-bottom:var(--space-3xs)}.adult p,.adult li{font-size:var(--step--1);line-height:1.55}.adult ul{margin:0;padding-left:1.2em}.adult .cols{gap:var(--space-m);display:grid}@media (width>=768px){.adult .cols{grid-template-columns:repeat(3,1fr)}}.how{padding:var(--space-2xs) var(--space-l);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-paper);margin:0;list-style:none;display:grid}.how li{padding-block:var(--space-m)}.how li+li{border-top:2px dashed var(--line)}.how .step{margin-bottom:var(--space-2xs)}.how h3{font-size:var(--step-1)}.how p{max-width:34ch;color:var(--muted);font-size:var(--step--1)}@media (width>=768px){.how{padding:var(--space-l) 0;grid-template-columns:repeat(3,1fr)}.how li{padding:0 var(--space-l)}.how li+li{border-top:0;border-left:2px dashed var(--line)}}.btn--buy{flex-direction:column;gap:.2em;padding-block:.7em;line-height:1.1}.btn--buy span{align-items:center;gap:.45em;display:inline-flex}.btn--buy small{font:650 var(--step--2)/1 var(--font-body);opacity:.9}.soon{gap:var(--space-2xs);padding:var(--space-m);border-radius:var(--radius-m);border:2px dashed var(--line-strong);background:var(--sunk);display:grid}.soon b{font:800 var(--step-1)/1.2 var(--font-display)}.soon p{color:var(--muted);font-size:var(--step--1)}.launch{gap:var(--space-m);padding:var(--space-xl) var(--space-m);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-paper);text-align:center;justify-items:center;display:grid}.launch .media{border-radius:var(--radius-l);width:min(100%,560px);box-shadow:var(--shadow-lift);overflow:hidden}.launch h1{font-size:var(--step-4)}.launch .pitch{font:650 var(--step-1)/1.35 var(--font-body)}.btn--play{min-width:14rem;min-height:72px;font-size:var(--step-3);box-shadow:0 6px 0 var(--action-edge);border-radius:22px;padding-inline:2em}.btn--play:active{box-shadow:0 1px 0 var(--action-edge);transform:translateY(5px)}.modes{justify-content:center;gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.modes li{border-radius:var(--radius-pill);background:var(--tint);font:700 var(--step--1)/1.2 var(--font-display);align-items:center;gap:.4em;padding:.45em .9em;display:inline-flex}.game-head .wrap{justify-content:space-between}.game-foot{padding-block:var(--space-m);color:var(--muted);font-size:var(--step--1);text-align:center}.lyrics-box summary{cursor:pointer;min-height:44px;font:750 var(--step-0)/1 var(--font-display);color:var(--link);align-items:center;gap:.5em;list-style:none;display:inline-flex}.lyrics-box summary::-webkit-details-marker{display:none}.lyrics-box summary .i{transition:transform var(--dur-base) var(--ease-out)}.lyrics-box[open] summary .i{transform:rotate(180deg)}.lyrics-box .lyrics{margin-top:var(--space-m)}.age{gap:var(--space-2xs);padding:var(--space-m);border-radius:var(--radius-l);background:var(--tint);display:grid}.age b{font:800 var(--step-3)/1 var(--font-display)}.pack{gap:var(--space-l);padding:var(--space-l);border-radius:var(--radius-xl);background:var(--tip-bg);box-shadow:var(--shadow-paper);align-items:center;display:grid;position:relative}.pack .stack{isolation:isolate;width:min(100% - var(--space-xl), 440px);margin:var(--space-s) auto;position:relative}.pack .stack img{border-radius:var(--radius-s);box-shadow:var(--shadow-lift);position:relative}.pack .stack:before,.pack .stack:after{content:"";z-index:-1;border-radius:var(--radius-s);background:var(--raised);box-shadow:var(--shadow-paper);position:absolute;inset:0}.pack .stack:before{transform:rotate(-4deg)translate(-8px,6px)}.pack .stack:after{background:var(--mint);transform:rotate(3deg)translate(10px,4px)}.sticker{z-index:2;place-items:center;width:100px;height:100px;display:grid;position:absolute;top:-30px;right:-30px;transform:rotate(10deg)}.sticker svg{width:100%;height:100%;position:absolute;inset:0}.sticker span{color:#201e32;font:800 15px/1.05 var(--font-display);text-align:center;position:relative}.pack h3{font-size:var(--step-3)}.facts{gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.facts li{border-radius:var(--radius-pill);background:var(--raised);font:700 var(--step--1)/1.2 var(--font-display);align-items:center;gap:.35em;padding:.3em .75em;display:inline-flex}.price{font:800 var(--step-2)/1.1 var(--font-display)}.price small{font:600 var(--step--1)/1.4 var(--font-body);color:var(--muted);display:block}.packpage{gap:var(--space-xl);display:grid}.gallery{gap:var(--space-s);display:grid}.gallery .main{border-radius:var(--radius-l);box-shadow:var(--shadow-paper);background:var(--raised);overflow:hidden}.gallery .thumbs{gap:var(--space-s);grid-template-columns:repeat(3,1fr);display:grid}.gallery .thumbs button{border-radius:var(--radius-m);background:var(--raised);cursor:pointer;box-shadow:var(--shadow-paper);border:3px solid #0000;padding:0;overflow:hidden}.gallery .thumbs button[aria-current=true]{border-color:var(--text)}.buybox{gap:var(--space-m);padding:var(--space-l);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lift);align-content:start;display:grid}.buybox h1{font-size:var(--step-4)}.included{gap:var(--space-2xs);margin:0;padding:0;list-style:none;display:grid}.included li{grid-template-columns:auto 1fr;align-items:start;gap:.6em;display:grid}.included .i{color:var(--success);margin-top:.2em}.leaving{color:var(--muted);font-size:var(--step--1);gap:.5em;line-height:1.45;display:flex}.res{gap:var(--space-s);padding:var(--space-s);background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-paper);grid-template-columns:auto 1fr;align-items:center;display:grid}.res .tile{border-radius:var(--radius-m);background:var(--tint);width:56px;height:56px;color:var(--deep);place-items:center;display:grid}.res .tile .i{width:28px;height:28px}.res h3{font-size:var(--step-0)}.res .meta{color:var(--muted);font-size:var(--step--1)}.res .act{grid-column:1/-1;justify-self:start}.callout{gap:var(--space-xs) var(--space-s);padding:var(--space-m);border-radius:var(--radius-l);background:var(--bg);color:var(--text);grid-template-columns:auto 1fr;display:grid;position:relative}.callout .ico{background:var(--raised);width:40px;height:40px;box-shadow:var(--shadow-sticker);border-radius:50%;place-items:center;display:grid}.callout h3{font-size:var(--step-0);margin-bottom:.15em}.callout p{font-size:var(--step--1)}.callout--info{--bg:var(--info-bg)}.callout--tip{--bg:var(--tip-bg)}.callout--calm{--bg:var(--calm-bg)}.callout--warn{--bg:var(--warn-bg)}.lyrics{gap:var(--space-m);max-width:40rem;display:grid}.verse{padding-left:var(--space-s);border-left:3px solid var(--line)}.verse.refrain{padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);background:var(--tint);border:0}.verse .label{color:var(--muted);font:800 var(--step--2)/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3em;display:block}.verse.refrain .label{color:var(--text)}.verse p{font:600 var(--step-1)/1.45 var(--font-body)}.crumbs ol{font:650 var(--step--1)/1.4 var(--font-display);flex-wrap:wrap;gap:.3em;margin:0;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--line-strong);margin-right:.3em}.crumbs a{color:var(--muted)}.crumbs [aria-current]{color:var(--text)}.site-head{z-index:var(--z-sticky);background:var(--canvas);border-bottom:1px solid var(--line);position:sticky;top:0}.site-head .wrap{align-items:center;gap:var(--space-m);height:68px;display:flex}.brand{color:var(--text);font:800 var(--step-1)/1 var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.55em;text-decoration:none;display:flex}.brand svg{background:var(--raised);width:40px;height:40px;box-shadow:var(--shadow-paper);border-radius:50%;padding:3px}.nav{gap:var(--space-3xs);margin-left:auto;display:none}.nav a{border-radius:var(--radius-s);min-height:44px;color:var(--text);font:700 var(--step--1)/1 var(--font-display);align-items:center;padding:0 .8em;text-decoration:none;display:inline-flex;position:relative}.nav a:hover{background:var(--surface)}.nav a[aria-current=page]:after{content:"";background:var(--coral);border-radius:3px;height:5px;position:absolute;bottom:4px;left:.8em;right:.8em;transform:rotate(-1.5deg)}.head-tools{gap:var(--space-2xs);margin-left:auto;display:flex}.btn--ghost-icon{color:var(--text);box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn--ghost-icon:hover{background:var(--surface)}.menu-sheet{gap:var(--space-3xs);padding:var(--space-s) var(--gutter) var(--space-l);background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lift);display:grid}.menu-sheet a{min-height:56px;padding:0 var(--space-s);border-radius:var(--radius-m);color:var(--text);font:760 var(--step-1)/1.1 var(--font-display);align-items:center;gap:.7em;text-decoration:none;display:flex}.menu-sheet a .i{color:var(--deep,var(--action))}.menu-sheet a[aria-current=page]{background:var(--canvas)}@media (width>=1024px){.nav{display:flex}.menu-btn{display:none}.nav+.head-tools{margin-left:0}}.hero{gap:var(--space-l);padding-block:var(--space-l) var(--space-xl);align-items:center;display:grid}.hero h1{max-width:12ch}.hero .lede{max-width:34ch;margin-top:var(--space-s);font-size:var(--step-1);color:var(--muted);line-height:1.45}.hero .ctas{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.hero .art{order:-1;justify-self:center;width:min(100%,420px)}.subjects-row{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.subjects-row .chip{min-height:44px;font-size:var(--step-0);text-decoration:none}.subjects-row a.chip:hover{box-shadow:inset 0 0 0 2px var(--line-strong)}@media (width>=768px){.hero{padding-block:var(--space-xl) var(--space-2xl);grid-template-columns:6fr 5fr}.hero .art{order:0;width:100%;max-width:560px}}.sec-head{gap:var(--space-2xs);margin-bottom:var(--space-l);display:grid}.sec-head p{max-width:var(--measure);color:var(--muted)}.sec-head .more{margin-top:var(--space-2xs);justify-self:start}.sep-confetti{width:160px;height:32px;margin:var(--space-xl) auto}.scallop-top{background:var(--sunk);position:relative}.scallop-top:before{content:"";background:var(--sunk);height:16px;position:absolute;top:-15px;left:0;right:0;-webkit-mask:radial-gradient(circle at 12px 16px,#000 11.5px,#0000 12px) 0 0/24px 16px repeat-x;mask:radial-gradient(circle at 12px 16px,#000 11.5px,#0000 12px) 0 0/24px 16px repeat-x}.cut-line{align-items:center;gap:var(--space-xs);color:var(--muted);display:flex}.cut-line:after{content:"";border-top:2px dashed var(--line-strong);flex:1}.site-foot{padding-block:var(--space-2xl) var(--space-l);margin-top:var(--space-2xl)}.foot-grid{gap:var(--space-l);display:grid}.foot-grid h2{font-size:var(--step-0);margin-bottom:var(--space-2xs)}.foot-grid ul{gap:var(--space-3xs);margin:0;padding:0;list-style:none;display:grid}.foot-grid a{min-height:36px;color:var(--text);align-items:center;gap:.4em;font-weight:650;text-decoration:none;display:inline-flex}.foot-grid a:hover{text-decoration:underline}.foot-legal{justify-content:space-between;gap:var(--space-s);margin-top:var(--space-xl);padding-top:var(--space-m);border-top:1px solid var(--line-strong);color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;display:flex}@media (width>=768px){.foot-grid{grid-template-columns:1.6fr repeat(3,1fr)}}.empty{justify-items:center;gap:var(--space-s);padding:var(--space-xl) var(--space-m);text-align:center;border:2px dashed var(--line-strong);border-radius:var(--radius-xl);display:grid}.empty>svg{width:220px;height:auto}.empty p{max-width:36ch;color:var(--muted)}:root{--dur-press:90ms;--dur-quick:.16s;--dur-base:.24s;--dur-gentle:.42s;--dur-slow:.64s;--dur-ambient:3.2s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-exit:cubic-bezier(.55, 0, 1, .45);--ease-spring-soft:linear(0, .064, .189, .343, .489, .625, .738, .823, .89, .937, .97, .99, 1.003, 1.01, 1.012, 1.013, 1.011, 1.01, 1.008, 1.006, 1.004, 1.003, 1.002, 1.001, 1);--dur-spring-soft:.54s;--ease-spring-pop:linear(0, .143, .415, .711, .937, 1.084, 1.144, 1.146, 1.113, 1.068, 1.028, .998, .982, .977, .98, .986, .992, .998, 1.002, 1.003, 1.003, 1.003, 1.002, 1.001, 1);--dur-spring-pop:.68s;--rise:12px;--lift:-3px;--press-depth:3px;--press-scale:.97;--pop-from:.92;--header-shrink:.86;--stagger:40ms}@supports not (transition-timing-function:linear(0, 1)){:root{--ease-spring-soft:var(--ease-out);--dur-spring-soft:.32s;--ease-spring-pop:cubic-bezier(.34, 1.4, .64, 1);--dur-spring-pop:.42s}}:root[data-motion=reduce]{--rise:0px;--lift:0px;--press-depth:2px;--press-scale:1;--pop-from:1;--header-shrink:1;--stagger:0s;--dur-gentle:.16s;--dur-slow:.16s;--ease-spring-soft:var(--ease-out);--dur-spring-soft:.16s;--ease-spring-pop:var(--ease-out);--dur-spring-pop:.16s}@media (prefers-reduced-motion:reduce){:root:not([data-motion]) *,:root:not([data-motion]) :before,:root:not([data-motion]) :after{transition-duration:0s!important;animation:none!important}}:root[data-motion=reduce] .page-enter>*{animation:none}@keyframes enter{0%{translate:0 var(--rise)}}.page-enter>*{animation:enter var(--dur-gentle) var(--ease-out) backwards;animation-delay:calc(min(var(--i,0), 6) * var(--stagger))}.page-enter>:first-child{--i:0}.page-enter>:nth-child(2){--i:1}.page-enter>:nth-child(3){--i:2}.page-enter>:nth-child(4){--i:3}.page-enter>:nth-child(n+5){--i:4;animation:none}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.site-head{view-transition-name:site-header}::view-transition-old(root){animation:.12s var(--ease-exit) both vt-out}::view-transition-new(root){animation:none}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){z-index:1}@keyframes vt-out{to{opacity:0}}:root[data-motion=reduce]::view-transition-group(*),:root[data-motion=reduce]::view-transition-old(*),:root[data-motion=reduce]::view-transition-new(*){animation:none}.site-head{isolation:isolate;transition:border-color var(--dur-base) var(--ease-out);background:0 0;border-bottom-color:#0000}.site-head:before{content:"";z-index:-1;background:var(--canvas);position:absolute;inset:0}.site-head:after{content:"";z-index:-1;background:var(--surface);box-shadow:0 6px 18px -10px rgb(var(--shadow) / .45);opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none;position:absolute;inset:0}.site-head.is-stuck:after{opacity:1}.site-head .brand .mark,.site-head .brand>span{transform-origin:0;transition:scale var(--dur-spring-soft) var(--ease-spring-soft), translate var(--dur-spring-soft) var(--ease-spring-soft)}.site-head.is-stuck .brand .mark{scale:var(--header-shrink)}.site-head.is-stuck .brand>span{scale:var(--header-shrink);translate:calc((var(--header-shrink) - 1) * 40px) 0}.top-sentinel{pointer-events:none;width:1px;height:8px;position:absolute;top:0;left:0}.js .reveal.is-pending{opacity:0;translate:0 var(--rise)}.js .reveal.is-in{opacity:1;transition:opacity var(--dur-gentle) var(--ease-out), translate var(--dur-gentle) var(--ease-out);transition-delay:calc(min(var(--i,0), 6) * var(--stagger));translate:0}.thinking{align-items:center;gap:6px;display:inline-flex}.thinking i{background:var(--coral);width:9px;height:9px;animation:dot .9s var(--ease-in-out) infinite alternate;border-radius:50%}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes dot{0%{opacity:.45;translate:0 2px}to{opacity:1;translate:0 -4px}}:root[data-motion=reduce] .thinking i{opacity:.8;animation:none}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque.v001.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito.v001.woff2)format("woff2");font-weight:200 1000;font-display:swap}html{background:var(--canvas)}body{font-variant-numeric:lining-nums;flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}main{flex:1}main:focus{outline:none}button{font:inherit;color:inherit}[hidden]{display:none!important}picture{display:contents}:where(ul[class],ol[class]){margin:0;padding:0;list-style:none}.i{vertical-align:-.18em;display:inline-block}::selection{background:var(--tip-bg);color:var(--text)}.section{padding-block:var(--section)}.section--tight{padding-block:calc(var(--section) * .55)}.stack-s>*+*{margin-top:var(--space-s)}.stack-m>*+*{margin-top:var(--space-m)}.prose{max-width:var(--measure)}.prose>*+*{margin-top:var(--space-s)}.prose h2{font-size:var(--step-2);margin-top:var(--space-xl)}.prose h3{font-size:var(--step-1);margin-top:var(--space-l)}.prose ul{padding-left:1.2em}.prose li+li{margin-top:var(--space-3xs)}.prose li::marker{color:var(--coral-text)}.lede{font-size:var(--step-1);color:var(--muted);max-width:40ch;line-height:1.45}.page-head{padding-block:var(--space-l) var(--space-xl);gap:var(--space-s);display:grid}.page-head h1{font-size:var(--step-4);max-width:20ch}.page-head .chips-row{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.grid-cards{gap:var(--space-m);grid-template-columns:1fr;display:grid}@media (width>=600px){.grid-cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cards{grid-template-columns:repeat(3,1fr)}}.grid-cards--shorts{grid-template-columns:repeat(2,1fr)}@media (width>=768px){.grid-cards--shorts{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid-cards--shorts{grid-template-columns:repeat(5,1fr)}}.two-col{gap:var(--space-xl);display:grid}@media (width>=1024px){.two-col{grid-template-columns:7fr 5fr;align-items:start}.two-col--8-4{grid-template-columns:8fr 4fr}}.song-layout>*,.lyrics-wrap>*,.two-col>*,.packpage>*{min-width:0}.small{font-size:var(--step--1)}.note{color:var(--muted);font-size:var(--step--1)}a.plain{color:inherit;text-decoration:none}.ext-note{color:var(--muted);font-size:var(--step--2)}.brand .mark{background:var(--raised);width:40px;height:40px;box-shadow:var(--shadow-paper);object-fit:contain;border-radius:50%;padding:2px}.brand svg.mark{padding:3px}.btn{transition:translate var(--dur-spring-soft) var(--ease-spring-soft), scale var(--dur-spring-soft) var(--ease-spring-soft), background-color var(--dur-quick) linear, color var(--dur-quick) linear;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active,.btn.is-pressed{transform:none;translate:0 var(--press-depth);scale:calc(1 - (1 - var(--press-scale)) / 2);box-shadow:0 calc(4px - var(--press-depth)) 0 var(--action-edge);transition-duration:var(--dur-press), var(--dur-press), var(--dur-quick), var(--dur-quick);transition-timing-function:var(--ease-out)}.btn--secondary:active,.btn--secondary.is-pressed{box-shadow:inset 0 0 0 2px var(--text), 0 calc(4px - var(--press-depth)) 0 var(--text)}.btn--quiet:active,.btn--quiet.is-pressed,.btn--ghost-icon:active,.btn--ghost-icon.is-pressed{box-shadow:inherit;translate:none;scale:none}.btn--ghost-icon:active{box-shadow:inset 0 0 0 2px var(--line-strong)}.btn[aria-disabled=true],.btn[aria-disabled=true]:active{box-shadow:inset 0 0 0 2px var(--line-strong);translate:none;scale:none}.btn--play:active,.btn--play.is-pressed{box-shadow:0 calc(6px - var(--press-depth)) 0 var(--action-edge)}.btn .i-trail,.btn .i-ext,.callout--link>.i-trail{transition:translate var(--dur-base) var(--ease-out)}.btn:hover .i-trail,.btn:hover .i-ext{transform:none}@media (hover:hover) and (pointer:fine){.btn:hover .i-trail,.callout--link:hover>.i-trail{translate:3px}.btn:hover .i-ext{translate:2px -2px}}:root[data-motion=reduce] .btn .i-trail,:root[data-motion=reduce] .btn .i-ext,:root[data-motion=reduce] .callout--link>.i-trail{translate:none!important}.btn--block{width:100%}.btn-row{gap:var(--space-s);flex-wrap:wrap;align-items:center;display:flex}.card,.subject-tile,.callout--link{transition:translate var(--dur-spring-soft) var(--ease-spring-soft), scale var(--dur-spring-soft) var(--ease-spring-soft);isolation:isolate}.card:after,.subject-tile:after,.callout--link:after{content:"";border-radius:inherit;box-shadow:var(--shadow-lift);opacity:0;z-index:-1;transition:opacity var(--dur-quick) var(--ease-out);pointer-events:none;position:absolute;inset:0}.card--link:hover{box-shadow:var(--shadow-paper);transform:none}@media (hover:hover) and (pointer:fine){.card--link:hover,.subject-tile:hover,.callout--link:hover{translate:0 var(--lift)}.card--link:hover:after,.subject-tile:hover:after,.callout--link:hover:after{opacity:1}}.card--link:has(:focus-visible):after,.subject-tile:focus-visible:after,.callout--link:focus-visible:after{opacity:1}.card--link:active,.subject-tile:active,.callout--link:active{transform:translateY(1px);scale:var(--press-scale);transition-duration:var(--dur-press);transition-timing-function:var(--ease-out)}.card--link:has(.yt.is-open){translate:none!important}.card--link:has(.yt.is-open):after{opacity:0!important}.card-body{gap:var(--space-xs);align-content:start;display:grid}.card h3{font-size:var(--step-1)}.card .media--short{aspect-ratio:9/16}.card .media .fallback{background:var(--tint);place-items:center;width:100%;height:100%;display:grid}.card .media .fallback img{width:40%;height:auto}.card .counts{margin-top:var(--space-3xs)}.lesson-art{aspect-ratio:auto;height:96px;padding-inline:var(--space-m);justify-items:start}.lesson-art img{width:72px;height:72px}@media (width>=600px){.grid-cards>.card--wide{align-items:center;column-gap:var(--space-l);padding:var(--space-2xs);grid-column:1/-1;grid-template-columns:7fr 5fr}.grid-cards>.card--wide>.card-body{padding:var(--space-m) var(--space-l) var(--space-m) 0;gap:var(--space-s);margin:0}.grid-cards>.card--wide h3{font-size:var(--step-2)}.grid-cards>.card--wide .desc{font-size:var(--step-0)}}@media (width>=1024px){.grid-cards:not(.grid-cards--shorts):not(:has(>.card--wide))>.card:has(>.media):last-child:nth-child(3n+1){align-items:center;column-gap:var(--space-l);padding:var(--space-2xs);grid-column:1/-1;grid-template-columns:7fr 5fr}.grid-cards:not(.grid-cards--shorts):not(:has(>.card--wide))>.card:has(>.media):last-child:nth-child(3n+1)>.card-body{padding:var(--space-m) var(--space-l) var(--space-m) 0;margin:0}}.card .cta{transform-origin:50% 100%}.chip-btn{isolation:isolate;transition:scale var(--dur-spring-soft) var(--ease-spring-soft), color var(--dur-quick) var(--ease-out), border-color var(--dur-quick) linear;position:relative;overflow:hidden}.chip-btn[aria-pressed=true]{background:var(--text);color:var(--canvas);transition:scale var(--dur-spring-soft) var(--ease-spring-soft), color var(--dur-quick) var(--ease-out) 60ms, background-color 0s linear .32s}.chip-btn:before{content:"";z-index:-1;left:var(--x,50%);top:var(--y,50%);width:var(--d,260%);aspect-ratio:1;background:var(--text);transition:scale var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;translate:-50% -50%;scale:0}.chip-btn[aria-pressed=true]:before{transition-duration:var(--dur-spring-soft);transition-timing-function:var(--ease-spring-soft);scale:1}.chip-btn:active{transform:none;scale:var(--press-scale);transition-duration:var(--dur-press);transition-timing-function:var(--ease-out)}:root[data-motion=reduce] .chip-btn:before{opacity:0;transition:opacity var(--dur-quick) var(--ease-out);scale:1}:root[data-motion=reduce] .chip-btn[aria-pressed=true]:before{opacity:1}.chip-btn .badge{position:relative}.filters{gap:var(--space-s);margin-bottom:var(--space-l);display:grid}.filters fieldset{border:0;min-width:0;margin:0;padding:0}.filters legend{margin-bottom:var(--space-2xs);font:750 var(--step--1)/1.2 var(--font-display);color:var(--muted);padding:0}.filter-status{min-height:1.5em}[data-filter-grid]>[hidden],html:not(.js) [data-filters] fieldset{display:none}.card .yt:not(.is-open){z-index:auto}.yt .play,.card .yt .play{z-index:2}.card .yt .play{border-radius:var(--radius-pill);display:block;inset:auto auto 10px 10px}.card .yt .play:before{display:none}.card .yt .play-in{align-items:center;gap:6px;display:flex}.card .yt .play-disc{width:52px;height:52px}.card .media--short .play-disc{width:44px;height:44px}.yt .play-disc svg,.play-disc svg{width:100%;height:100%}.yt img{transition:scale var(--dur-gentle) var(--ease-out)}@media (hover:hover) and (pointer:fine){.yt .play:hover~img,.yt:hover img{scale:1.04}}.yt .play-disc{transition:scale var(--dur-spring-pop) var(--ease-spring-pop);scale:.92}.yt .play:hover .play-disc{transform:none}@media (hover:hover) and (pointer:fine){.yt .play:hover .play-disc{scale:1}}.yt .play:focus-visible .play-disc{transition-duration:0s;transform:scale(1)}.yt .play:active .play-disc{transition-duration:var(--dur-press);transition-timing-function:var(--ease-out);transform:scale(.86)}:root[data-motion=reduce] .yt img,:root[data-motion=reduce] .yt .play-disc{scale:none!important}.yt .play-disc:after{content:"";pointer-events:none;background:#0e0d16;border-radius:50%;position:absolute;inset:0;scale:0}.yt.is-open .play-disc:after{transition:scale var(--dur-base) var(--ease-out);scale:30}:root[data-motion=reduce] .yt.is-open .play-disc:after{transition:none}.yt.is-open{overflow:hidden}.card .yt.is-open{z-index:4}.yt.is-open .play-lbl{opacity:0;transition:opacity var(--dur-quick) var(--ease-out)}.yt-frame{z-index:3;border-radius:inherit;opacity:0;background:#0e0d16;border:0;width:100%;height:100%;position:absolute;inset:0}.yt.is-ready .yt-frame{opacity:1;transition:opacity var(--dur-base) var(--ease-out)}.video-hero{border-radius:var(--radius-l);background:var(--sunk);box-shadow:var(--shadow-paper);aspect-ratio:16/9;position:relative;overflow:hidden}.video-hero.is-short{aspect-ratio:9/16;max-width:340px;margin-inline:auto}.video-hero img,.video-hero .fallback{object-fit:cover;width:100%;height:100%}.video-hero .fallback{background:var(--tint);place-items:center;display:grid}.video-hero .fallback img{width:30%;height:auto}.video-hero .play-in{align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;left:16px}.video-hero .play-disc{width:76px;height:76px}.video-hero .play-lbl{font-size:var(--step--1);padding:6px 14px}.yt-note{margin-top:var(--space-xs)}.site-head{position:sticky}::view-transition-group(site-header){animation-duration:.12s;animation-timing-function:var(--ease-out)}.nav a{transition:background-color var(--dur-quick) linear}.menu-sheet[hidden]{display:none}.menu-sheet{z-index:var(--z-menu);position:absolute;top:100%;left:0;right:0}@media (width>=1024px){.menu-sheet{display:none!important}}.head-tools .btn--icon .i{width:1.25em;height:1.25em}.theme-btn .i-sun{display:none}:root[data-theme-resolved=dark] .theme-btn .i-sun{display:inline-block}:root[data-theme-resolved=dark] .theme-btn .i-moon{display:none}@media (width<=599px){.site-head .theme-btn{display:none}.site-head .wrap{gap:var(--space-s)}}.game-head .wrap{align-items:center;gap:var(--space-s);height:68px;display:flex}.game-head .brand span{display:none}@media (width>=600px){.game-head .brand span{display:inline}}.hero .art{position:relative}.js .hero .art{padding-bottom:52px}.hero .art svg{width:100%;height:auto}.hero .mascot{transform-box:fill-box;transform-origin:50% 100%}.js .hero .mascot.breathe{animation:breathe var(--dur-ambient) var(--ease-in-out) infinite}.js .hero .mascot.breathe.is-paused{animation-play-state:paused}:root[data-motion=reduce] .hero .mascot.breathe{animation:none}@keyframes breathe{0%,to{scale:1}50%{scale:1.012 .988}}.pupil{transition:translate 90ms var(--ease-out)}.bubble{background:var(--surface);color:var(--text);font:800 var(--step-0)/1.2 var(--font-display);box-shadow:var(--shadow-lift);transform-origin:10% 100%;opacity:0;scale:var(--pop-from);pointer-events:none;border-radius:16px;padding:6px 14px;position:absolute;top:6%;left:46%}.bubble:after{content:"";background:var(--surface);border-radius:0 0 4px;width:14px;height:14px;position:absolute;bottom:-7px;left:14px;rotate:45deg}.bubble.is-on{opacity:1;transition:opacity var(--dur-quick) var(--ease-out), scale var(--dur-spring-pop) var(--ease-spring-pop);scale:1}.bubble.is-off{opacity:0;scale:var(--pop-from);transition:opacity var(--dur-quick) var(--ease-exit), scale var(--dur-quick) var(--ease-exit)}.coucou-btn{border-radius:var(--radius-pill);background:var(--raised);min-height:44px;color:var(--text);box-shadow:inset 0 0 0 2px var(--line);font-size:var(--step--1);padding:0 1.1em;position:absolute;bottom:0;left:50%;translate:-50%}.coucou-btn:hover{background:var(--surface);box-shadow:inset 0 0 0 2px var(--line-strong)}.coucou-btn:active,.coucou-btn.is-pressed{translate:-50% 1px;scale:var(--press-scale);box-shadow:inset 0 0 0 2px var(--line-strong)}.coucou-btn[hidden]{display:none}.hero-guide-hit{cursor:pointer;border-radius:50%;width:42%;height:60%;position:absolute;top:8%;left:22%}.subject-tiles{gap:var(--space-s);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.subject-tiles{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.subject-tiles{grid-template-columns:repeat(5,1fr)}}.subject-tiles>li{display:grid}.subject-tiles li:last-child:nth-child(odd){grid-column:1/-1}@media (width>=768px){.subject-tiles li:last-child:nth-child(odd){grid-column:auto}}.subject-tile{gap:var(--space-2xs);padding:var(--space-m) var(--space-s) var(--space-m) var(--space-m);border-radius:var(--radius-l);background:var(--tint);color:var(--text);grid-template-rows:auto 1fr auto;justify-items:start;text-decoration:none;display:grid;position:relative}.subject-tile img{width:56px;height:56px;margin-bottom:var(--space-3xs)}.subject-tile b{font:760 var(--step-1)/1.15 var(--font-display);letter-spacing:-.02em}.subject-tile span{color:var(--text);font-size:var(--step--1);font-weight:650}.subject-tile:hover b{text-underline-offset:.15em;text-decoration:underline 2px}.age{gap:var(--space-m);padding:var(--space-l) var(--space-m) var(--space-m);align-content:start;display:grid}.age header{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-s);flex-wrap:wrap;display:flex}.age h3{font:800 var(--step-3)/1 var(--font-display)}.age .lvl{border-radius:var(--radius-pill);background:var(--surface);font:750 var(--step--1)/1.1 var(--font-display);padding:.35em .8em}.age>ol{gap:var(--space-s);margin:0;padding:0;list-style:none;display:grid}.age>ol>li{gap:var(--space-xs);grid-template-columns:auto 1fr;align-items:start;display:grid}.age>ol>li>b{background:var(--surface);width:32px;height:32px;font:800 var(--step--1)/1 var(--font-display);box-shadow:var(--shadow-sticker);border-radius:50%;place-items:center;display:grid}.age small{color:var(--text);font:750 var(--step--2)/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:.15em 0 .3em;display:block}.age-links{gap:var(--space-3xs);display:grid}.age-links a{color:var(--link);text-decoration:underline 1.5px;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.2em;padding-block:2px;font-weight:700;line-height:1.35;display:inline-block}.age-links a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.callout--link{grid-template-columns:auto 1fr auto;align-items:center}.callout--link>.i-trail{width:1.4em;height:1.4em;color:var(--text)}.callout--link:hover h3{text-underline-offset:.15em;text-decoration:underline 2px}.lesson-step{padding-block:var(--space-xl) 0}.lesson-step+.lesson-step{border-top:0}.step .num--muted{background:var(--raised)}.game-strip{gap:var(--space-m);padding:var(--space-m);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-paper);align-items:center;display:grid}.game-strip .thumb{border-radius:var(--radius-m);aspect-ratio:16/9;overflow:hidden;margin:0!important}.game-strip .thumb img{object-fit:cover;width:100%;height:100%}@media (width>=768px){.game-strip{grid-template-columns:5fr 7fr}}.adult{margin-top:var(--space-xl)}.adult .pack-cta{gap:var(--space-s);padding-top:var(--space-s);border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.adult .pack-cta p{max-width:60ch}.adult--compact .cols{gap:var(--space-s);grid-template-columns:1fr}.song-layout{gap:var(--space-xl);display:grid}@media (width>=1024px){.song-layout{grid-template-columns:8fr 4fr;align-items:start}.song-layout--short{grid-template-columns:5fr 7fr}}.next-box{gap:var(--space-s);padding:var(--space-l);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-paper);display:grid}.next-box h2{font-size:var(--step-2)}.lyrics-wrap{gap:var(--space-xl);margin-top:var(--space-xl);display:grid}@media (width>=1024px){.lyrics-wrap{grid-template-columns:7fr 5fr;align-items:start}}.lyrics-head{justify-content:space-between;align-items:baseline;gap:var(--space-s);flex-wrap:wrap;display:flex}.lyrics-head h2,.lyrics-box h2{font-size:var(--step-2)}.lyrics-box h2{margin-bottom:var(--space-2xs)}.lyrics-box summary{margin-top:var(--space-2xs)}.lyrics-box summary .when-open{display:none}.lyrics-box[open] summary .when-open{display:inline}.lyrics-box[open] summary .when-closed{display:none}.credit{margin-top:var(--space-xl);color:var(--muted);font-size:var(--step--1)}.pack .pack-body{gap:var(--space-s);justify-items:start;display:grid}.pack h3 a{color:inherit;text-decoration:none}.pack h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.pack:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.pack h3 a:focus-visible{outline:none}.pack .btn{margin-top:var(--space-2xs)}@media (width>=1024px){.pack{gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl) var(--space-xl) var(--space-xl);grid-template-columns:5fr 6fr}.pack .stack{width:100%;max-width:420px}}.book-wrap{gap:var(--space-s);display:grid}.book{aspect-ratio:4/3;perspective:1400px;border-radius:var(--radius-s);outline-offset:6px;position:relative}.book .page{border-radius:var(--radius-s);box-shadow:var(--shadow-paper);transform-origin:0;backface-visibility:hidden;transition:rotate var(--dur-slow) var(--ease-in-out), opacity var(--dur-quick) var(--ease-out);background:#fff;margin:0;position:absolute;inset:0;overflow:hidden;rotate:y 0deg}.book .page img{object-fit:cover;width:100%;height:100%}.book .page:after{content:"";opacity:0;transition:opacity var(--dur-quick) var(--ease-out);pointer-events:none;background:linear-gradient(90deg,#201e3238,#0000 40%);position:absolute;inset:0}.book .page.is-turning:after{transition-duration:var(--dur-slow);transition-timing-function:var(--ease-in-out)}.book .page.is-turned{rotate:y -178deg}.book .page.is-turning:after{opacity:1}.book.is-resetting .page{transition:none}:root[data-motion=reduce] .book .page{transition:opacity var(--dur-quick) var(--ease-out);rotate:none}:root[data-motion=reduce] .book .page.is-turned{opacity:0;rotate:none}.book .page:first-child{z-index:4}.book .page:nth-child(2){z-index:3}.book .page:nth-child(3){z-index:2}.book .page:nth-child(4){z-index:1}.book-ctrl{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.book-ctrl output{min-width:5ch;font:750 var(--step--1)/1 var(--font-display);font-variant-numeric:tabular-nums}.gallery .thumbs button{min-height:44px}.gallery .thumbs img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}@media (width>=1024px){.packpage{grid-template-columns:7fr 5fr;align-items:start}.buybox{position:sticky;top:88px}}.price .price-hint{font:650 var(--step-0)/1.3 var(--font-body);color:var(--muted);margin-top:.2em;display:block}.soon .btn{justify-self:start}.soon[aria-disabled]{cursor:default}.faq dt{font:750 var(--step-0)/1.3 var(--font-display);margin-top:var(--space-m)}.faq dd{margin:var(--space-3xs) 0 0;color:var(--muted)}.weeks{gap:var(--space-s);display:grid}@media (width>=768px){.weeks{grid-template-columns:repeat(3,1fr)}}.weeks li{padding:var(--space-m);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-paper)}.weeks b{font:800 var(--step-1)/1.2 var(--font-display);margin-bottom:var(--space-3xs);display:block}.launch{isolation:isolate;grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden}.launch .go-row{justify-content:center;align-items:flex-end;gap:var(--space-s);flex-wrap:wrap;display:flex}.launch .guide{transform-box:fill-box;width:92px;height:auto}.launch .guide svg{width:100%;height:auto;overflow:visible}.launch .guide .mascot{transform-box:fill-box;transform-origin:50% 100%}@media (width<=479px){.launch{padding:var(--space-l) var(--space-s)}.launch .guide{width:64px}.btn--play{min-width:0;padding-inline:1.4em}}.btn--play .lbl{display:grid}.btn--play .lbl>span{transition:opacity var(--dur-quick) var(--ease-out), translate var(--dur-base) var(--ease-out);grid-area:1/1;align-items:center;gap:.4em;display:inline-flex}.btn--play .lbl .b{opacity:0;translate:0 calc(var(--rise) * 1.2)}.btn--play.is-go .lbl .a{opacity:0;translate:0 calc(var(--rise) * -1.2)}.btn--play.is-go .lbl .b{opacity:1;translate:0}.ring{z-index:-1;border:6px solid var(--butter);opacity:0;pointer-events:none;border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;position:absolute;top:0;left:0;scale:0}.launch .song-link{font-weight:750}.launch .sound{color:var(--muted);font-size:var(--step--1)}.child-note{max-width:60ch;margin:var(--space-l) auto 0;text-align:center}.lost{gap:var(--space-m);padding-block:var(--space-xl) var(--space-2xl);background:var(--surface);box-shadow:var(--shadow-paper);border:0}.lost .scene{width:min(100%,380px)}.lost .scene svg{width:100%;height:auto}.lost h1{font-size:var(--step-4);max-width:16ch}.lost p{font-size:var(--step-1)}.lost .btn-row{margin-top:var(--space-2xs);justify-content:center}.seance{gap:var(--space-m);counter-reset:s;display:grid}@media (width>=768px){.seance{grid-template-columns:repeat(2,1fr)}}.seance li{padding:var(--space-m);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-paper)}.seance li:nth-child(odd){rotate:-.4deg}.seance li:nth-child(2n){rotate:.3deg}.seance h3{font-size:var(--step-1);margin-bottom:var(--space-2xs)}.seance p{color:var(--muted)}.levels-row{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}@media (width>=1024px){.levels-row{grid-template-columns:repeat(5,1fr)}}.levels-row a{gap:var(--space-3xs);padding:var(--space-m);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-paper);color:var(--text);text-decoration:none;display:grid}.levels-row a b{font:800 var(--step-3)/1 var(--font-display)}.levels-row a span{color:var(--muted);font-size:var(--step--1)}.levels-row a:hover b{text-decoration:underline}.level-group+.level-group{margin-top:var(--space-xl)}.level-group h2{align-items:center;gap:var(--space-xs);font-size:var(--step-2);margin-bottom:var(--space-m);display:flex}.level-group h2 img{width:40px;height:40px}@media (width>=1024px){.res{grid-template-columns:auto 1fr auto}.res .act{grid-column:auto}}.foot-grid{column-gap:var(--space-m);grid-template-columns:1fr 1fr}.foot-grid .brandline{gap:var(--space-2xs);grid-column:1/-1;display:grid}@media (width>=768px){.foot-grid{grid-template-columns:1.6fr repeat(3,1fr)}.foot-grid .brandline{grid-column:auto}}.foot-grid ul{gap:0}.foot-grid a{min-width:44px;min-height:44px}.foot-grid .brandline .tag{color:var(--coral-text);font:800 var(--step-0)/1.2 var(--font-display)}.foot-grid .brandline p{color:var(--muted);font-size:var(--step--1);max-width:34ch}.foot-brand{align-items:center;gap:.5em;display:flex}.foot-brand .mark{background:var(--raised);width:36px;height:36px;box-shadow:var(--shadow-paper);border-radius:50%;flex:none;padding:3px}.foot-link{min-height:44px;color:var(--text);font:650 var(--step-0)/1.6 var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;padding:0;display:inline-flex}.foot-link:hover{text-decoration:underline}.prefs{gap:var(--space-s) var(--space-l);margin-top:var(--space-l);flex-wrap:wrap;align-items:center;display:flex}.seg{border-radius:var(--radius-pill);background:var(--canvas);box-shadow:inset 0 0 0 2px var(--line-strong);gap:2px;padding:3px;display:inline-flex}.seg button{border-radius:var(--radius-pill);min-height:44px;color:var(--text);font:700 var(--step--1)/1 var(--font-display);cursor:pointer;transition:background-color var(--dur-quick) linear, color var(--dur-quick) linear;background:0 0;border:0;padding:0 .9em}.seg button:hover:not([aria-pressed=true]){background:var(--surface)}.seg button[aria-pressed=true]{background:var(--text);color:var(--canvas)}.prefs .lbl{font:700 var(--step--1)/1.2 var(--font-display)}.prefs-group{gap:var(--space-2xs);flex-wrap:wrap;align-items:center;display:flex}.foot-legal p{max-width:60ch}.game-foot a{padding-block:12px;display:inline-block}.game-foot .prefs{margin-top:var(--space-xs);justify-content:center}.updated{color:var(--muted);font-size:var(--step--1)}.placeholder{background:var(--warn-bg);border-radius:6px;padding:0 .3em;font-weight:700}.sec-head h2{max-width:28ch}.sources li{margin-top:var(--space-2xs)}.callouts{gap:var(--space-m);display:grid}@media (width>=768px){.callouts{grid-template-columns:repeat(2,1fr)}}.crumbs.wrap{padding-top:var(--space-m)}.h1-sub{color:var(--coral-text);font-size:var(--step-2);letter-spacing:-.015em;margin-top:.15em;font-weight:760;display:block}.sec-sub{margin:var(--space-xl) 0 var(--space-m);font-size:var(--step-1)}.h-small{font-size:var(--step-1)}.h-callout{font-size:var(--step-0);margin-bottom:.15em}.about-art{margin:0}.about-art img{border-radius:var(--radius-l);width:100%;height:auto;box-shadow:var(--shadow-paper)}