@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@600&family=Nunito:wght@700;800&display=swap";
:root{--pp-ink:#1b1f4b;--pp-ink-deep:#0b0e2c;--pp-blue:#3550e0;--pp-yellow:#ffc83d;--pp-coral:#ff7a59;--pp-green:#2fbf8f;--pp-white:#fff;--pp-paper:#fbf5e9;--pp-blue-tint:#dde3ff;--pp-green-tint:#c9f2e2;--pp-coral-tint:#ffd9cf;--pp-paper-sunk:#f1ead9;--pp-paper-line:#b9b3a3;--pp-muted:#55597a;--pp-disabled-bg:#e4ded0;--pp-disabled-fg:#5f6280;--pp-navy:#1b1f4b;--pp-navy-card:#2a2f6e;--pp-navy-sunk:#14173a;--pp-navy-slot:#3a3f73;--pp-navy-text:#b9bee6;--pp-navy-line:#8188c4;--pp-navy-path:#5a61a3;--pp-periwinkle:#8fa2ff;--pp-yellow-tint:#fff3c4;--pp-yellow-soft:#ffe08a;--pp-coral-soft:#ffb199;--pp-green-soft:#7ed9b8;--pp-earth:#c58f5c;--pp-bone:#e9dfcb;--pp-navy-ghost:#2b3070;--pp-font-display:Fredoka, "Trebuchet MS", sans-serif;--pp-font-body:Nunito, "Trebuchet MS", system-ui, sans-serif;--pp-weight-display:600;--pp-weight-body:700;--pp-weight-strong:800;--pp-text-hero:34px;--pp-text-hero-desktop:52px;--pp-leading-hero:1.05;--pp-text-h1:26px;--pp-text-h1-desktop:40px;--pp-leading-h1:1.15;--pp-text-h2:22px;--pp-text-h2-desktop:26px;--pp-leading-h2:1.15;--pp-text-card-title:18px;--pp-text-card-title-desktop:21px;--pp-leading-card-title:1.15;--pp-text-button:19px;--pp-text-button-secondary:17px;--pp-text-button-small:16px;--pp-leading-button:1;--pp-text-equation:20px;--pp-text-equation-desktop:28px;--pp-leading-equation:1.3;--pp-text-lead:16px;--pp-text-lead-desktop:18px;--pp-leading-lead:1.45;--pp-text-body:14px;--pp-text-body-desktop:15px;--pp-leading-body:1.4;--pp-text-ui:15px;--pp-text-ui-desktop:16px;--pp-leading-ui:1.25;--pp-text-small:12px;--pp-text-small-desktop:13px;--pp-leading-small:1.3;--pp-text-label:11px;--pp-text-label-desktop:12px;--pp-leading-label:1;--pp-tracking-label:.08em;--pp-space-6:6px;--pp-space-8:8px;--pp-space-10:10px;--pp-space-12:12px;--pp-space-14:14px;--pp-space-16:16px;--pp-space-20:20px;--pp-space-24:24px;--pp-space-screen-mobile:20px;--pp-space-screen-desktop:44px;--pp-space-lesson-desktop:80px;--pp-space-stack-mobile:14px;--pp-space-stack-desktop:16px;--pp-space-grid-mobile:10px;--pp-space-grid-desktop:16px;--pp-radius-pill:999px;--pp-radius-hero:32px;--pp-radius-card:24px;--pp-radius-panel:20px;--pp-radius-button:18px;--pp-radius-tile:16px;--pp-radius-control:14px;--pp-radius-inner:12px;--pp-radius-chip:10px;--pp-radius-tiny:8px;--pp-border-width:2px;--pp-border-emphasis:3px;--pp-shadow-offset-small:0 3px 0;--pp-shadow-offset-default:0 4px 0;--pp-shadow-offset-raised:0 5px 0;--pp-shadow-offset-hero:0 6px 0;--pp-shadow-none:none;--pp-target-min:44px;--pp-target-foundation:56px;--pp-target-desktop:60px;--pp-motion-bob-distance:6px;--pp-motion-bob-duration:3.2s;--pp-motion-rise-distance:24px;--pp-motion-rise-duration:.35s;--pp-motion-pulse-spread:20px;--pp-motion-pulse-duration:1.8s;--pp-motion-press-distance:4px;--pp-motion-press-duration:90ms}[data-pp-mode=kid]{--pp-page:var(--pp-paper);--pp-surface:var(--pp-white);--pp-outline:var(--pp-ink);--pp-shadow-color:var(--pp-ink);--pp-text:var(--pp-ink);--pp-text-muted:var(--pp-muted);--pp-primary:var(--pp-blue);--pp-primary-text:var(--pp-white);--pp-selected:var(--pp-blue-tint);--pp-slot:var(--pp-paper-sunk);--pp-disabled-bg:var(--pp-disabled-bg);--pp-disabled-fg:var(--pp-disabled-fg);--pp-chip-border:var(--pp-ink);--pp-shadow-small:var(--pp-shadow-offset-small) var(--pp-shadow-color);--pp-shadow-default:var(--pp-shadow-offset-default) var(--pp-shadow-color);--pp-shadow-raised:var(--pp-shadow-offset-raised) var(--pp-shadow-color);--pp-shadow-hero:var(--pp-shadow-offset-hero) var(--pp-shadow-color);--pp-shadow-disabled:var(--pp-shadow-offset-default) var(--pp-paper-line)}[data-pp-mode=senior]{--pp-page:var(--pp-navy);--pp-surface:var(--pp-navy-card);--pp-outline:var(--pp-ink-deep);--pp-shadow-color:var(--pp-ink-deep);--pp-text:var(--pp-white);--pp-text-muted:var(--pp-navy-text);--pp-primary:var(--pp-yellow);--pp-primary-text:var(--pp-ink);--pp-selected:var(--pp-yellow);--pp-slot:var(--pp-navy-slot);--pp-disabled-bg:var(--pp-navy-slot);--pp-disabled-fg:var(--pp-navy-text);--pp-chip-border:var(--pp-navy-line);--pp-shadow-small:var(--pp-shadow-offset-small) var(--pp-shadow-color);--pp-shadow-default:var(--pp-shadow-offset-default) var(--pp-shadow-color);--pp-shadow-raised:var(--pp-shadow-offset-raised) var(--pp-shadow-color);--pp-shadow-hero:var(--pp-shadow-offset-hero) var(--pp-shadow-color);--pp-shadow-disabled:var(--pp-shadow-offset-default) var(--pp-paper-line)}html,body{min-height:100%;margin:0}.pp-root{background:var(--pp-page);min-height:100dvh;color:var(--pp-text);font-family:var(--pp-font-body);font-weight:var(--pp-weight-body);line-height:var(--pp-leading-body)}.pp-root,.pp-root *,.pp-root :before,.pp-root :after{box-sizing:border-box}[data-pp-chrome=studio]{--pp-space-stack-mobile:var(--pp-space-8);--pp-space-stack-desktop:var(--pp-space-8)}[data-pp-chrome=studio] .pp-card{box-shadow:none}@media (prefers-reduced-motion:reduce){.pp-pip,.pp-map-node--current{animation:none!important}.pp-feedback,.pp-rise{opacity:1;transform:none;animation:none!important}}
.pp-h1{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-h1);line-height:var(--pp-leading-h1);text-wrap:pretty;color:var(--pp-text);margin:0}.pp-h2{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-h2);line-height:var(--pp-leading-h2);text-wrap:pretty;margin:0}.pp-hero{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-hero);line-height:var(--pp-leading-hero);text-wrap:pretty;margin:0}.pp-lead{font-family:var(--pp-font-body);font-weight:var(--pp-weight-body);font-size:var(--pp-text-lead);line-height:var(--pp-leading-lead);text-wrap:pretty;color:var(--pp-text);margin:0}.pp-body{font-family:var(--pp-font-body);font-weight:var(--pp-weight-body);font-size:var(--pp-text-body);line-height:var(--pp-leading-body);text-wrap:pretty;margin:0}@media (min-width:834px){.pp-h1{font-size:var(--pp-text-h1-desktop)}.pp-h2{font-size:var(--pp-text-h2-desktop)}.pp-hero{font-size:var(--pp-text-hero-desktop)}.pp-lead{font-size:var(--pp-text-lead-desktop)}.pp-body{font-size:var(--pp-text-body-desktop)}}.pp-root :is(button,a,input,textarea,select,[data-pp-focus]):focus-visible{outline:3px solid var(--pp-primary);outline-offset:2px}.pp-btn{justify-content:center;align-items:center;gap:var(--pp-space-8);min-width:var(--pp-target-min);height:var(--pp-target-foundation);padding:0 var(--pp-space-20);border-radius:var(--pp-radius-button);border:var(--pp-border-width) solid var(--pp-outline);box-shadow:var(--pp-shadow-default);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-button);line-height:var(--pp-leading-button);cursor:pointer;transition:transform var(--pp-motion-press-duration) ease-out, box-shadow var(--pp-motion-press-duration) ease-out;text-decoration:none;display:inline-flex}.pp-btn--primary{background:var(--pp-primary);color:var(--pp-primary-text)}.pp-btn--surface{background:var(--pp-surface);color:var(--pp-text)}.pp-btn--success{background:var(--pp-green);color:var(--pp-ink)}.pp-btn--text-link{height:var(--pp-target-min);min-height:var(--pp-target-min);box-shadow:none;color:var(--pp-text);border-radius:var(--pp-radius-tiny);background:0 0;border:none;padding:0;text-decoration:underline}.pp-btn--secondary{height:48px;font-size:var(--pp-text-button-secondary)}.pp-btn--small{font-size:var(--pp-text-button-small)}.pp-btn:disabled{background:var(--pp-disabled-bg);color:var(--pp-disabled-fg);box-shadow:var(--pp-shadow-disabled);cursor:not-allowed;transform:none}.pp-btn:active:not(:disabled):not(.pp-btn--text-link){transform:translateY(var(--pp-motion-press-distance));box-shadow:none}@media (hover:hover) and (pointer:fine){.pp-btn:hover:not(:disabled):not(.pp-btn--text-link){transform:translateY(-1px)}.pp-btn--surface:hover:not(:disabled){background:color-mix(in srgb, var(--pp-surface) 92%, var(--pp-blue-tint) 8%)}}@media (min-width:834px){.pp-btn:not(.pp-btn--secondary):not(.pp-btn--text-link){height:var(--pp-target-desktop)}}.pp-card{background:var(--pp-surface);color:var(--pp-text);border:var(--pp-border-width) solid var(--pp-outline);border-radius:var(--pp-radius-card);padding:var(--pp-space-16);box-shadow:var(--pp-shadow-raised)}.pp-card--panel{border-radius:var(--pp-radius-panel)}.pp-card--flat,.pp-card--list{box-shadow:none}.pp-card__title{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-card-title);line-height:var(--pp-leading-card-title);margin:0 0 var(--pp-space-8)}@media (min-width:834px){.pp-card{padding:var(--pp-space-24)}.pp-card__title{font-size:var(--pp-text-card-title-desktop)}}.pp-tile{border-radius:var(--pp-radius-tile);border:var(--pp-border-width) solid var(--pp-outline);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.pp-tile svg{width:72%;height:72%}.pp-tile--science{background:var(--pp-blue);color:var(--pp-white)}.pp-tile--maths{background:var(--pp-green);color:var(--pp-ink)}.pp-tile--english{background:var(--pp-coral);color:var(--pp-ink)}.pp-tile--history{background:var(--pp-yellow);color:var(--pp-ink)}.pp-tile--white{background:var(--pp-white);color:var(--pp-ink)}.pp-chip{align-items:center;gap:var(--pp-space-8);height:var(--pp-target-min);padding:0 var(--pp-space-16);border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-chip-border);background:var(--pp-surface);color:var(--pp-text);font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-ui);cursor:pointer;display:inline-flex}.pp-chip--selected{background:var(--pp-ink);color:var(--pp-white);border-color:var(--pp-ink)}[data-pp-mode=senior] .pp-chip--selected{background:var(--pp-yellow);color:var(--pp-ink);border-color:var(--pp-yellow)}.pp-chip__dot{border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);flex-shrink:0;width:12px;height:12px}.pp-chip__dot--science{background:var(--pp-blue)}.pp-chip__dot--maths{background:var(--pp-green)}.pp-chip__dot--english{background:var(--pp-coral)}.pp-chip__dot--history{background:var(--pp-yellow)}.pp-section-label{font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-label);line-height:var(--pp-leading-label);letter-spacing:var(--pp-tracking-label);text-transform:uppercase;color:var(--pp-text-muted);margin:0}.pp-kind-pill{height:32px;padding:0 var(--pp-space-12);border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-yellow);color:var(--pp-ink);font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-label-desktop);letter-spacing:var(--pp-tracking-label);text-transform:uppercase;pointer-events:none;align-items:center;display:inline-flex}@media (min-width:834px){.pp-kind-pill{height:36px}}.pp-topbar{align-items:center;gap:var(--pp-space-12);min-height:var(--pp-target-min);display:flex}.pp-icon-btn{width:var(--pp-target-min);height:var(--pp-target-min);border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);color:var(--pp-ink);cursor:pointer;box-shadow:var(--pp-shadow-small);justify-content:center;align-items:center;padding:0;display:inline-flex}.pp-icon-btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.pp-progress{border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);pointer-events:none;flex:1;height:14px;overflow:hidden}.pp-progress__fill{background:var(--pp-green);border-right:var(--pp-border-width) solid var(--pp-ink);border-radius:inherit;height:100%}.pp-progress--standalone{max-width:220px;height:12px}.pp-progress--standalone .pp-progress__fill{background:var(--pp-ink)}.pp-progress--standalone.is-success .pp-progress__fill{background:var(--pp-green)}.pp-counter{font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-ui);white-space:nowrap}.pp-segments{gap:var(--pp-space-6);flex:1;display:flex}.pp-segments__item{border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);flex:1;height:12px}.pp-segments__item.is-done{background:var(--pp-green)}.pp-tag-row{justify-content:space-between;align-items:center;gap:var(--pp-space-8);display:flex}@media (min-width:834px){.pp-progress{height:16px}.pp-topbar--desktop{background:var(--pp-white);height:80px;color:var(--pp-ink);border-bottom:var(--pp-border-width) solid var(--pp-ink);padding:0 var(--pp-space-screen-desktop)}.pp-icon-btn--desktop{width:48px;height:48px}}.pp-slot{border-radius:var(--pp-radius-tile);border:var(--pp-border-width) solid var(--pp-outline);width:70px;height:84px;font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-equation);color:var(--pp-text-muted);background:var(--pp-slot);justify-content:center;align-items:center;display:inline-flex}.pp-slot--filled{background:var(--pp-surface);color:var(--pp-text)}.pp-slot--correct{background:var(--pp-green-tint);color:var(--pp-ink)}.pp-slot--incorrect{background:var(--pp-coral-tint);color:var(--pp-ink)}.pp-slot--word{border-radius:var(--pp-radius-chip);width:auto;min-width:72px;height:44px;padding:0 var(--pp-space-12)}.pp-slot--word.pp-slot--filled{background:var(--pp-yellow);color:var(--pp-ink)}@media (min-width:834px){.pp-slot:not(.pp-slot--word){border-width:var(--pp-border-emphasis);border-radius:var(--pp-radius-panel);width:148px;height:164px}}.pp-bank{align-items:center;gap:var(--pp-space-10);min-height:var(--pp-target-foundation);padding:var(--pp-space-8) var(--pp-space-14);border-radius:var(--pp-radius-control);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);color:var(--pp-ink);box-shadow:var(--pp-shadow-default);font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-ui);cursor:pointer;display:inline-flex}.pp-bank:active:not(:disabled){transform:translateY(var(--pp-motion-press-distance));box-shadow:none}.pp-bank--used{opacity:.35;pointer-events:none;cursor:default}.pp-stepper{align-items:center;gap:var(--pp-space-12);display:inline-flex}.pp-stepper__btn{border-radius:var(--pp-radius-control);border:var(--pp-border-width) solid var(--pp-outline);width:48px;height:48px;box-shadow:var(--pp-shadow-small);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);cursor:pointer;color:var(--pp-ink);font-size:26px;line-height:1}.pp-stepper__btn--minus{background:var(--pp-white)}.pp-stepper__btn--plus{background:var(--pp-yellow)}.pp-stepper__btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.pp-stepper__value{text-align:center;min-width:28px;font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-variant-numeric:tabular-nums;font-size:26px}.pp-listen{border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-yellow);width:60px;height:60px;color:var(--pp-ink);box-shadow:var(--pp-shadow-default);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.pp-listen:active:not(:disabled){transform:translateY(var(--pp-motion-press-distance));box-shadow:none}.pp-listen--pill{width:auto;height:48px;padding:0 var(--pp-space-16);gap:var(--pp-space-8);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-button-small)}.pp-hint{align-items:flex-end;gap:var(--pp-space-8);display:flex}.pp-hint__bubble{background:var(--pp-surface);color:var(--pp-text);border:var(--pp-border-width) solid var(--pp-outline);padding:var(--pp-space-12) var(--pp-space-16);font-size:var(--pp-text-body);border-radius:18px 18px 18px 4px;max-width:280px}.pp-feedback{border-top:var(--pp-border-width) solid var(--pp-ink);width:100%;padding:18px var(--pp-space-20) 28px;color:var(--pp-ink);animation:pp-rise var(--pp-motion-rise-duration) ease-out}.pp-feedback--correct{background:var(--pp-green-tint)}.pp-feedback--incorrect{background:var(--pp-coral-tint)}.pp-feedback__row{align-items:flex-start;gap:var(--pp-space-12);display:flex}.pp-verdict{border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);width:40px;height:40px;color:var(--pp-ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pp-verdict--correct{background:var(--pp-green)}.pp-verdict--incorrect{background:var(--pp-coral)}.pp-feedback__title{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);margin:0 0 var(--pp-space-6);font-size:20px}.pp-feedback .pp-btn{width:100%;margin-top:var(--pp-space-16)}.pp-checkbar{gap:var(--pp-space-12);border-top:var(--pp-border-width) solid var(--pp-outline);width:100%;padding:var(--pp-space-16) var(--pp-space-20) 28px;display:flex}.pp-checkbar .pp-btn--primary{flex:1}@media (min-width:834px){.pp-feedback,.pp-checkbar{min-height:104px;padding:var(--pp-space-16) var(--pp-space-lesson-desktop);align-items:center;display:flex}.pp-feedback .pp-btn{width:320px;margin-top:0;margin-left:auto}.pp-checkbar .pp-btn--primary{flex:0 0 320px;margin-left:auto}}.pp-map-node{border-radius:var(--pp-radius-pill);border:var(--pp-border-emphasis) solid var(--pp-outline);width:72px;height:72px;box-shadow:var(--pp-shadow-raised);cursor:pointer;background:var(--pp-surface);color:var(--pp-text);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.pp-map-node--done{background:var(--pp-green);color:var(--pp-ink)}.pp-map-node--current{background:var(--pp-yellow);width:92px;height:92px;color:var(--pp-ink)}.pp-map-node--current:after{content:"";border-radius:inherit;pointer-events:none;animation:pp-pulse var(--pp-motion-pulse-duration) ease-out infinite;position:absolute;inset:0}.pp-map-node--locked{background:var(--pp-navy-slot);color:var(--pp-navy-text);cursor:not-allowed}.pp-map-wrap{align-items:center;gap:var(--pp-space-8);flex-direction:column;display:flex}.pp-map-label{font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-small);color:var(--pp-text)}.pp-map-node--locked+.pp-map-label,.pp-map-wrap.is-locked .pp-map-label{color:var(--pp-navy-text)}.pp-stars{justify-content:center;gap:18px;width:52px;display:flex}.pp-path{background:var(--pp-yellow);border-radius:var(--pp-radius-pill);border:none;width:6px;height:36px}.pp-path--future{background:repeating-linear-gradient(to bottom, var(--pp-navy-path), var(--pp-navy-path) 2px, transparent 2px, transparent 16px)}.pp-sidebar{background:var(--pp-white);width:256px;color:var(--pp-ink);border-right:var(--pp-border-width) solid var(--pp-ink);padding:28px var(--pp-space-16) var(--pp-space-20);flex-direction:column;min-height:100%;display:flex}.pp-sidebar__logo{align-items:center;gap:var(--pp-space-10);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-h2);margin:0 0 var(--pp-space-24);color:var(--pp-ink);text-decoration:none;display:flex}.pp-brand-mark__planet{fill:var(--pp-blue);stroke:var(--pp-ink);stroke-width:2px}.pp-brand-mark__ring{fill:none;stroke:var(--pp-ink);stroke-width:2px}.pp-brand-mark__star{fill:var(--pp-yellow);stroke:var(--pp-ink);stroke-width:1.5px}.pp-nav-item{text-decoration:none}.pp-streak{align-items:center;gap:var(--pp-space-10);display:flex}.pp-avatar{border-radius:var(--pp-radius-pill);background:var(--pp-blue);width:38px;height:38px;color:var(--pp-white);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);justify-content:center;align-items:center;display:inline-flex}.pp-nav-item{align-items:center;gap:var(--pp-space-12);height:52px;padding:0 var(--pp-space-12);border-radius:var(--pp-radius-tile);color:var(--pp-muted);font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-ui-desktop);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;display:flex}.pp-nav-item--active{background:var(--pp-blue-tint);color:var(--pp-blue)}.pp-sidebar__pin{gap:var(--pp-space-12);flex-direction:column;margin-top:auto;display:flex}.pp-streak{background:var(--pp-yellow);color:var(--pp-ink);border:var(--pp-border-width) solid var(--pp-ink);border-radius:var(--pp-radius-panel);padding:var(--pp-space-12);font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong)}.pp-tabbar{z-index:20;background:var(--pp-white);border-top:var(--pp-border-width) solid var(--pp-ink);width:100%;height:84px;padding:0 var(--pp-space-8);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.pp-tab{width:auto;min-height:var(--pp-target-min);height:auto;color:var(--pp-muted);cursor:pointer;font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-small);border-radius:var(--pp-radius-pill);background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.pp-tab__icon{border-radius:var(--pp-radius-pill);justify-content:center;align-items:center;width:56px;height:32px;display:flex}.pp-tab--active{color:var(--pp-blue);background:0 0}.pp-tab--active .pp-tab__icon{background:var(--pp-blue-tint)}.pp-input,.pp-textarea{border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);color:var(--pp-ink);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display)}.pp-input{width:120px;height:var(--pp-target-foundation);border-radius:var(--pp-radius-tile);text-align:center;font-size:24px}.pp-textarea{border-radius:var(--pp-radius-button);width:100%;min-height:96px;font-family:var(--pp-font-body);font-weight:var(--pp-weight-body);font-size:var(--pp-text-lead);padding:var(--pp-space-12) var(--pp-space-16);resize:vertical}.pp-range{width:100%;height:var(--pp-target-min);accent-color:var(--pp-primary);cursor:pointer}.pp-check{width:24px;height:24px;accent-color:var(--pp-green)}.pp-field{align-items:center;gap:var(--pp-space-10);padding:var(--pp-space-8);border-radius:var(--pp-radius-control);display:flex}.pp-field--correct{background:var(--pp-green-tint);color:var(--pp-ink)}.pp-field--incorrect{background:var(--pp-coral-tint);color:var(--pp-ink)}.pp-pip{animation:pp-bob var(--pp-motion-bob-duration) ease-in-out infinite;flex-shrink:0;display:block;overflow:visible}.pp-pip__body{fill:var(--pp-coral);stroke:var(--pp-ink);stroke-width:4px}.pp-pip__ring-ink{fill:none;stroke:var(--pp-ink);stroke-width:11px}.pp-pip__ring-yellow{fill:none;stroke:var(--pp-yellow);stroke-width:6px}.pp-pip__ring-front{stroke-linecap:round}.pp-pip__blush{fill:var(--pp-coral-soft)}.pp-pip__eye{fill:var(--pp-ink)}.pp-pip__glint{fill:var(--pp-white)}.pp-pip__smile{fill:none;stroke:var(--pp-ink);stroke-width:3.5px;stroke-linecap:round}.pp-gallery{gap:var(--pp-space-24);padding:var(--pp-space-screen-mobile);flex-direction:column;max-width:1080px;margin:0 auto;padding-bottom:48px;display:flex}.pp-gallery__section{gap:var(--pp-space-12);flex-direction:column;display:flex}.pp-gallery__row{gap:var(--pp-space-12);flex-wrap:wrap;align-items:center;display:flex}.pp-shell{min-height:100dvh;display:flex}.pp-shell__main{padding:var(--pp-space-screen-mobile);flex:1}.pp-studio-banner{font-size:var(--pp-text-body);color:var(--pp-text-muted)}@media (min-width:834px){.pp-gallery{padding:var(--pp-space-lesson-desktop)}.pp-shell__main{padding:var(--pp-space-screen-desktop)}}@media (max-width:833px){.pp-sidebar{display:none}}@media (min-width:834px){.pp-tabbar{display:none}}@keyframes pp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--pp-motion-bob-distance) * -1))}}@keyframes pp-rise{0%{opacity:0;transform:translateY(var(--pp-motion-rise-distance))}to{opacity:1;transform:translateY(0)}}@keyframes pp-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--pp-yellow) 70%, transparent)}to{box-shadow:0 0 0 var(--pp-motion-pulse-spread) transparent}}
.pp-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pp-site{flex-direction:column;min-height:100dvh;display:flex}.pp-site-header{justify-content:space-between;align-items:center;gap:var(--pp-space-12);padding:var(--pp-space-16) var(--pp-space-screen-mobile);border-bottom:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-surface);display:flex}.pp-site-header__brand{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-card);color:var(--pp-text);text-decoration:none}.pp-site-header__nav{align-items:center;gap:var(--pp-space-8);flex-wrap:wrap;display:flex}.pp-landing{gap:var(--pp-space-24);padding:var(--pp-space-screen-mobile);flex-direction:column;max-width:1080px;margin:0 auto;padding-bottom:48px;display:flex}.pp-hero-card{background:var(--pp-blue);color:var(--pp-white);border:var(--pp-border-width) solid var(--pp-outline);border-radius:var(--pp-radius-hero);box-shadow:var(--pp-shadow-hero);padding:var(--pp-space-24);min-height:232px;position:relative;overflow:hidden}.pp-hero-card__deco{background:var(--pp-blue-tint);opacity:.35;pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-32px;right:-24px}.pp-hero-card .pp-hero,.pp-hero-card .pp-lead,.pp-hero-card .pp-section-label{color:var(--pp-white);position:relative}.pp-hero-card .pp-lead{max-width:36ch}.pp-hero-card__pip{right:var(--pp-space-12);bottom:var(--pp-space-8);pointer-events:none;z-index:1;position:absolute}.pp-steps{gap:var(--pp-space-16);display:grid}.pp-step-num{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-h2);color:var(--pp-blue)}input.pp-input.pp-input--wide{text-align:left;width:100%;max-width:420px;font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-ui);padding:0 var(--pp-space-16)}.pp-form{gap:var(--pp-space-16);flex-direction:column;max-width:480px;display:flex}.pp-error{background:var(--pp-coral-tint);color:var(--pp-ink);border:var(--pp-border-width) solid var(--pp-outline);border-radius:var(--pp-radius-panel);padding:var(--pp-space-12) var(--pp-space-16)}.pp-study{min-height:100dvh;display:flex}.pp-study-nav{background:var(--pp-white);width:256px;color:var(--pp-ink);border-right:var(--pp-border-width) solid var(--pp-ink);padding:28px var(--pp-space-16) var(--pp-space-20);gap:var(--pp-space-8);flex-direction:column;height:100dvh;display:none;position:sticky;top:0}.pp-study-nav__progress{margin-top:auto}.pp-study-main{padding:var(--pp-space-screen-mobile);gap:var(--pp-space-16);flex-direction:column;flex:1;max-width:760px;padding-bottom:96px;display:flex}.pp-study-sticky{z-index:1;background:var(--pp-paper);padding-bottom:var(--pp-space-8);gap:var(--pp-space-8);flex-direction:column;display:flex;position:sticky;top:0}.pp-chapter-rail{gap:var(--pp-space-8);padding-bottom:var(--pp-space-6);display:flex;overflow-x:auto}.pp-definition{background:var(--pp-blue-tint);color:var(--pp-ink);border:var(--pp-border-width) solid var(--pp-outline);border-radius:var(--pp-radius-panel);box-shadow:var(--pp-shadow-raised);padding:var(--pp-space-16)}.pp-definition dt{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-card);margin:0 0 var(--pp-space-8)}.pp-definition dd{margin:0}.pp-compare{gap:var(--pp-space-16);display:grid}.pp-figure{background:var(--pp-surface);border:var(--pp-border-width) solid var(--pp-outline);border-radius:var(--pp-radius-card);box-shadow:var(--pp-shadow-raised);padding:var(--pp-space-16);gap:var(--pp-space-12);flex-direction:column;display:flex}.pp-figure svg{width:100%;height:auto;display:block}.pp-figure figcaption{font-family:var(--pp-font-body);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-small);color:var(--pp-text-muted)}.pp-activity{border:var(--pp-border-width) dashed var(--pp-paper-line);border-radius:var(--pp-radius-panel);padding:var(--pp-space-16);background:var(--pp-paper-sunk)}.pp-quiz-options{gap:var(--pp-space-10);flex-direction:column;display:flex}.pp-code{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-h1);letter-spacing:.12em;text-align:center}.pp-claim-box{gap:var(--pp-space-12);flex-direction:column;align-items:flex-start;display:flex}@media (min-width:834px){.pp-site-header{padding:var(--pp-space-16) var(--pp-space-screen-desktop)}.pp-landing{padding:var(--pp-space-screen-desktop);gap:var(--pp-space-24)}.pp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-compare{grid-template-columns:1fr 1fr}.pp-study-nav{display:flex}.pp-study-main{padding:var(--pp-space-screen-desktop);padding-bottom:80px}.pp-chapter-rail{display:none}.pp-hero-card{padding:var(--pp-space-24) 28px;min-height:280px}.pp-hero-card__pip .pp-pip{width:240px;height:220px}}.pp-child{min-height:100dvh;display:flex}.pp-child--cosmos{background:var(--pp-navy);color:var(--pp-white)}.pp-child__main{min-width:0;padding:var(--pp-space-screen-mobile);gap:var(--pp-space-16);flex-direction:column;flex:1;padding-bottom:108px;display:flex}.pp-child__header{min-height:var(--pp-target-min);justify-content:space-between;align-items:center;display:flex}.pp-child__brand{align-items:center;gap:var(--pp-space-8);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-button);display:flex}.pp-child__tools{align-items:center;gap:var(--pp-space-8);display:flex}.pp-child__header .pp-listen{width:var(--pp-target-min);height:var(--pp-target-min)}.pp-streak-pill{height:var(--pp-target-min);align-items:center;gap:var(--pp-space-6);padding:0 var(--pp-space-12) 0 var(--pp-space-8);border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-yellow);color:var(--pp-ink);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-ui-desktop);display:flex}.pp-avatar-btn{width:var(--pp-target-min);height:var(--pp-target-min);border-radius:var(--pp-radius-pill);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-blue);color:var(--pp-white);font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);cursor:pointer;padding:0;font-size:18px}.pp-profile-card{border:var(--pp-border-width) solid var(--pp-outline);border-radius:var(--pp-radius-card);box-shadow:var(--pp-shadow-raised);background:var(--pp-white);color:var(--pp-ink);padding:var(--pp-space-16);gap:var(--pp-space-12);flex-direction:column;display:flex}.pp-today,.pp-map{gap:var(--pp-space-16);flex-direction:column;display:flex}.pp-today-hero{min-height:180px;padding:var(--pp-space-20);border-radius:var(--pp-radius-hero);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-blue);box-shadow:var(--pp-shadow-hero);color:var(--pp-white);position:relative;overflow:hidden}.pp-today-hero__deco{background:var(--pp-blue-tint);opacity:.28;pointer-events:none;border-radius:50%;width:168px;height:168px;position:absolute;top:-36px;right:-28px}.pp-today-hero__star{background:var(--pp-yellow-soft);pointer-events:none;border-radius:50%;width:3px;height:3px;position:absolute}.pp-today-hero__star--a{top:18px;right:72px}.pp-today-hero__star--b{width:2px;height:2px;top:44px;right:28px}.pp-today-hero__star--c{bottom:28px;right:118px}.pp-today-hero .pp-hero,.pp-today-hero .pp-lead,.pp-today-hero .pp-section-label{color:var(--pp-white)}.pp-today-hero .pp-section-label{color:var(--pp-yellow-soft)}.pp-today-hero__copy{z-index:1;gap:var(--pp-space-6);flex-direction:column;max-width:220px;display:flex;position:relative}.pp-today-hero__pip{right:var(--pp-space-8);bottom:var(--pp-space-6);pointer-events:none;position:absolute}.pp-today-dots{gap:var(--pp-space-8);margin-top:var(--pp-space-6);display:flex}.pp-today-dot{box-sizing:border-box;border-radius:var(--pp-radius-pill);border:var(--pp-border-width) dashed var(--pp-white);width:36px;height:36px}.pp-today-dot--done{border-style:solid;border-color:var(--pp-outline);background:var(--pp-yellow);color:var(--pp-ink);justify-content:center;align-items:center;display:flex}.pp-today-missions__head,.pp-shelf__head,.pp-map__head{justify-content:space-between;align-items:center;gap:var(--pp-space-12);display:flex}.pp-today-eta{align-items:center;gap:var(--pp-space-6);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-small);color:var(--pp-text-muted);display:flex}.pp-today-missions__list,.pp-shelf__list{gap:var(--pp-space-12);flex-direction:column;display:flex}.pp-mission-card{gap:var(--pp-space-14);padding:var(--pp-space-16);border-radius:var(--pp-radius-card);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);flex-direction:column;display:flex}.pp-mission-card--row{box-shadow:none}.pp-mission-card--next{background:var(--pp-yellow);box-shadow:var(--pp-shadow-raised)}.pp-mission-card__row{align-items:center;gap:var(--pp-space-12);display:flex}.pp-mission-card__title{font-family:var(--pp-font-display);font-weight:var(--pp-weight-display);font-size:var(--pp-text-card-title);line-height:var(--pp-leading-card-title);margin:0}.pp-status-pill{border-radius:var(--pp-radius-pill);background:var(--pp-green-tint);color:var(--pp-ink);font-weight:var(--pp-weight-strong);font-size:var(--pp-text-small);margin-left:auto;padding:4px 10px}.pp-shelf__chips{gap:var(--pp-space-8);display:flex;overflow-x:auto}.pp-shelf-row{align-items:center;gap:var(--pp-space-12);padding:var(--pp-space-12);border-radius:var(--pp-radius-panel);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);color:var(--pp-ink);text-decoration:none;display:flex}.pp-unit-banner{gap:var(--pp-space-10);padding:var(--pp-space-16);border-radius:var(--pp-radius-card);border:var(--pp-border-width) solid var(--pp-ink-deep);background:var(--pp-coral);box-shadow:var(--pp-shadow-raised);color:var(--pp-ink);flex-direction:column;display:flex}.pp-unit-banner .pp-section-label,.pp-unit-banner .pp-h2,.pp-unit-banner .pp-body{color:var(--pp-ink)}.pp-unit-banner__progress{align-items:center;gap:var(--pp-space-10);display:flex}.pp-map,.pp-map .pp-h1,.pp-map .pp-h2{color:var(--pp-white)}.pp-map__stage{align-items:center;gap:var(--pp-space-24);min-height:360px;padding:var(--pp-space-16) 0;flex-direction:column;display:flex;position:relative}.pp-map__path{background:var(--pp-yellow);border-radius:var(--pp-radius-pill);width:6px;position:absolute;top:40px;bottom:80px}.pp-map__node,.pp-map__pip{z-index:1;position:relative}.pp-map-aside{gap:var(--pp-space-12);padding:var(--pp-space-20);border-radius:var(--pp-radius-hero);border:var(--pp-border-width) solid var(--pp-ink-deep);background:var(--pp-white);box-shadow:var(--pp-shadow-hero);color:var(--pp-ink);flex-direction:column;display:flex}.pp-map-aside .pp-h2,.pp-map-aside .pp-body,.pp-map-aside .pp-section-label{color:var(--pp-ink)}.pp-beat-index{gap:var(--pp-space-8);margin:var(--pp-space-12) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.pp-beat-index__link{min-height:var(--pp-target-min);padding:var(--pp-space-10) var(--pp-space-12);border-radius:var(--pp-radius-panel);border:var(--pp-border-width) solid var(--pp-outline);background:var(--pp-white);color:var(--pp-ink);flex-direction:column;gap:2px;text-decoration:none;display:flex}.pp-study-beats{gap:var(--pp-space-12);flex-direction:column;display:flex}@media (max-width:1023px){.pp-child>.pp-sidebar{display:none}.pp-child>.pp-tabbar{display:flex}}@media (min-width:1024px){.pp-child>.pp-sidebar{display:flex}.pp-child>.pp-tabbar,.pp-child__header{display:none}.pp-child__main{padding:var(--pp-space-24) var(--pp-space-screen-desktop);padding-bottom:48px}.pp-today-hero{border-radius:var(--pp-radius-hero);height:232px;box-shadow:var(--pp-shadow-hero);padding:36px 44px}.pp-today-hero__copy{max-width:520px}.pp-today-hero__pip .pp-pip{width:240px;height:220px}.pp-today-missions__list{gap:var(--pp-space-20);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pp-today-dot{width:44px;height:44px}.pp-map{gap:var(--pp-space-24);grid-template-columns:minmax(0,1fr) 300px;display:grid}.pp-map__head,.pp-unit-banner,.pp-shelf__chips{grid-column:1/-1}.pp-map__stage{flex-direction:row;justify-content:space-around;align-items:center;min-height:520px}.pp-map__path{width:auto;height:7px;inset:50% 40px auto}}