@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{color:#1f2a30;background:#bfedee;font-family:Andika,Trebuchet MS,sans-serif;font-size:20px;line-height:1.4}*{box-sizing:border-box}body{margin:0}.shell{max-width:40rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.top h1{margin:.1rem 0;font-size:2rem}.mark{letter-spacing:.08em;font-family:var(--hpl-font-display);color:var(--hpl-text-brand);margin:0;font-size:.8rem}.meta{color:var(--hpl-text-muted);margin:.25rem 0 1rem}.card,.banner,.hint{background:var(--hpl-surface-card);border:1px solid var(--hpl-border-subtle);border-radius:var(--hpl-radius-card);padding:1rem 1.1rem}.card h2{font-size:var(--hpl-display-h2-size);margin:.2rem 0 1rem}.story{color:var(--hpl-text-muted);margin:0}dialog{border:1px solid var(--hpl-border-subtle);border-radius:var(--hpl-radius-card);background:var(--hpl-surface-card);color:inherit;max-width:24rem}dialog::backdrop{background:var(--hpl-surface-overlay)}.banner{margin:0 0 .75rem}.banner.ok{background:var(--hpl-surface-tile);border-color:var(--hpl-progress-fill)}.banner.try,.banner.error{background:var(--hpl-surface-error);border-color:var(--hpl-border-error)}.hint{margin:0 0 .75rem}form,.choices{gap:.6rem;margin-top:1rem;display:grid}label{font-size:.9rem}input{font:inherit;border:1px solid var(--hpl-border-strong);background:var(--hpl-surface-card);border-radius:.7rem;width:100%;padding:.7rem .8rem}input.secret{font-family:ui-monospace,Cascadia Code,monospace;font-size:.85rem}button{font:inherit;background:var(--hpl-action-primary);color:var(--hpl-text-on-action);cursor:pointer;border:0;border-radius:.8rem;padding:.75rem 1rem}button:disabled{opacity:.55;cursor:wait}button.quiet{color:var(--hpl-text-default);border:1px solid var(--hpl-border-subtle);background:0 0;margin-top:.8rem}.dots{letter-spacing:.35rem;margin:.5rem 0 0;font-size:2rem}.pad{grid-template-columns:repeat(3,minmax(4.5rem,1fr));gap:.6rem;max-width:18rem;margin-top:1rem;display:grid}.pad button{padding:.9rem;font-size:1.6rem}.people{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.people h2{font-size:1.25rem}.check{align-items:center;gap:.5rem;display:flex}.check input{width:1.15rem;height:1.15rem;padding:0}.search-results{gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.search-results button{background:var(--hpl-surface-card);color:var(--hpl-text-default);border:1px solid var(--hpl-border-strong);text-align:left}.format{gap:.75rem;margin-top:.5rem;display:grid}.hint-line,.statement,.timer{font-size:var(--hpl-body-md-size);margin:0}.hint-line,.timer{color:var(--hpl-text-muted);font-size:var(--hpl-body-sm-size)}.statement{font-size:var(--hpl-body-md-size)}.order,.match,.line,.bars,.pics{gap:.6rem;margin:0;padding:0;display:grid}.order{list-style:none}.order li,.pics button,.line button,.bars button,.match button{min-height:2.75rem;font-size:var(--hpl-body-default-size);touch-action:none}.order li{border:1px solid var(--hpl-border-subtle);background:var(--hpl-surface-card);border-radius:.8rem;grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;padding:.35rem;display:grid}.order li.dragging{outline:2px solid var(--hpl-action-primary)}.order button,.match button,.line button,.bars button,.pic{background:var(--hpl-surface-card);color:var(--hpl-text-default);border:1px solid var(--hpl-border-strong)}.match{grid-template-columns:1fr 1fr}.pair-0{background:var(--hpl-subject-slot-09-tint)}.pair-1{background:var(--hpl-subject-slot-06-tint)}.pair-2{background:var(--hpl-subject-slot-02-tint)}.pair-3{background:var(--hpl-subject-slot-11-tint)}.pair-4{background:var(--hpl-subject-slot-04-tint)}.pair-5{background:var(--hpl-surface-notice)}.pair.selected{background:var(--hpl-action-primary)}.line{grid-template-columns:repeat(auto-fit,minmax(3.2rem,1fr))}.line button[aria-checked=true]{background:var(--hpl-action-primary);color:var(--hpl-text-on-action)}.bars{grid-auto-columns:1fr;grid-auto-flow:column}.bars button{background:var(--hpl-surface-inset);color:var(--hpl-text-muted)}.bars button.on{background:var(--hpl-action-primary);color:var(--hpl-text-on-action)}.pair-badge{border:2px solid var(--hpl-text-default);background:var(--hpl-surface-card);min-width:1.4rem;height:1.4rem;color:var(--hpl-text-default);font-size:var(--hpl-body-sm-size);border-radius:999px;place-items:center;margin-right:.35rem;padding:0 .2rem;display:inline-grid}.match button.selected{outline:3px solid var(--hpl-text-default);outline-offset:2px}.order li:focus-visible{outline:2px solid var(--hpl-action-primary);outline-offset:2px}.sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live{min-height:1.2rem}.pics{grid-template-columns:1fr 1fr}.pic{justify-items:center;gap:.35rem;display:grid}.scene{font-size:var(--hpl-body-md-size);margin:0 0 .75rem}.scene svg,.scene img,.pic svg,.pic img{max-width:8rem;max-height:6rem}@media (width>=700px){.shell{max-width:46rem}.pics{grid-template-columns:repeat(4,1fr)}}.island-art{background:var(--theme-surface-sea);width:100%;height:auto;display:block}.trail{fill:none;stroke:var(--theme-decor-route);stroke-width:1.2px}.stone-locked{fill:var(--hpl-stone-locked)}.stone-ready{fill:var(--hpl-stone-ready)}.stone-learning{fill:var(--hpl-stone-learning)}.stone-review{fill:var(--hpl-stone-review)}.stone-mastered{fill:var(--hpl-stone-mastered)}.stone-current{stroke:var(--theme-accent-current);stroke-width:2.4px}.island-list,.shelf ul{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.quest-dot{background:var(--hpl-action-primary);border-radius:999px;width:.55rem;height:.55rem;margin-left:.35rem;display:inline-block}fieldset.card{margin:0 0 1rem}fieldset.card legend{padding:0 .35rem}.island{padding-bottom:6rem;position:relative}.island h2{margin:1rem 0 .4rem;font-size:1.15rem}.island-switch{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.island-switch button{background:var(--hpl-surface-card);color:var(--hpl-text-default);border:1px solid var(--hpl-border-strong);min-height:48px}.island-switch button[aria-pressed=true]{border-width:3px;border-color:var(--hpl-text-default)}.review-count{border-bottom:3px dashed var(--hpl-text-default);font-weight:700}.leg-stones{flex-wrap:wrap;gap:.75rem 1.6rem;margin:0;padding:0;list-style:none;display:flex}.leg-stone{position:relative}.leg-stone[data-path]:after{content:"";border-top:3px solid var(--hpl-text-default);width:1.15rem;position:absolute;top:1.5rem;left:calc(100% + .15rem)}.leg-stone[data-path=dotted]:after{border-top-style:dotted}.leg-stone[data-path=solid]:after{border-top-style:solid}.stone-btn{min-width:56px;min-height:56px;color:var(--hpl-text-default);text-align:left;background:0 0;border:0;align-items:center;gap:.55rem;padding:.15rem .35rem;display:flex}.stone-face{flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative}.stone-pad{background:var(--hpl-surface-card);border:2px solid var(--hpl-text-default);width:44px;height:44px;color:var(--hpl-text-default);place-items:center;display:grid;position:relative}.stone-pad[data-shape=square]{border-radius:.45rem}.stone-pad[data-shape=ring]{border-radius:50%}.stone-pad[data-shape=hexagon]{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.stone-pad[data-edge=dashed]{border-style:dashed}.stone-pad[data-edge=thick]{border-width:4px}.stone-pad[data-edge=solid]{border-style:solid}.stone-btn[data-state=learning] .stone-pad:before{content:"";background:var(--hpl-stone-learning);width:50%;position:absolute;top:0;bottom:0;left:0}.stone-btn[data-state=mastered] .stone-pad{background:var(--hpl-stone-mastered);color:var(--hpl-text-on-action)}.stone-icon{z-index:1;width:22px;height:22px;position:relative}.buddy{border:2px solid var(--hpl-text-default);background:var(--hpl-surface-card);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:-2px;left:18px}.buddy:after{content:"";border:2px solid var(--hpl-text-default);background:var(--hpl-surface-card);border-radius:6px 6px 8px 8px;width:10px;height:8px;position:absolute;top:14px;left:1px}.pennant{background:var(--hpl-surface-card);clip-path:polygon(0 0,100% 50%,0 100%);z-index:1;width:9px;height:7px;position:absolute;top:2px;right:1px}.pennant:before{content:"";background:var(--hpl-surface-card);width:2px;height:14px;position:absolute;top:-2px;left:-2px}.stone-name{font-size:.95rem}.island[data-reader=young] .stone-name{display:none}.island[data-reader=young] .stone-btn{min-width:80px;min-height:80px}.island[data-reader=young] .stone-face{width:80px;height:80px}.island[data-reader=young] .stone-pad{width:64px;height:64px}.island[data-reader=young] .stone-icon{width:30px;height:30px}.next-stone{z-index:5;min-width:60px;min-height:60px;box-shadow:0 0 0 3px var(--hpl-surface-page);position:fixed;bottom:1rem;right:1rem}.island[data-reader=young] .next-stone{min-width:88px;min-height:88px;font-size:1.35rem}.travel-card{border-width:3px;margin-top:.75rem}.travel-card[data-transport=bridge]{border-style:double}.travel-card[data-transport=boat],.travel-card[data-transport=ferry]{border-style:dashed}.travel-card[data-transport=seaplane]{border-style:dotted}@media (prefers-reduced-motion:no-preference){.travel-card{animation:.7s trip-in}}@keyframes trip-in{0%{transform:translate(-1.25rem)}to{transform:none}}@media (prefers-reduced-motion:reduce){.travel-card,.next-stone,.buddy{animation:none}}.stone-btn[data-current=true] .stone-pad{box-shadow:0 0 0 3px var(--hpl-surface-page), 0 0 0 6px var(--hpl-text-default)}.battle-app{background:var(--battle-app);justify-content:center;min-height:100dvh;display:flex}.battle{--b-ink:var(--battle-ink);--b-sky:var(--battle-sky);--b-grass:var(--battle-grass);--b-cream:var(--battle-cream);--b-card:var(--battle-card);--b-yellow:var(--battle-yellow);--b-line:var(--battle-line);--b-muted:var(--battle-muted);background:var(--b-cream);width:min(100%,27rem);min-height:100dvh;color:var(--b-ink);font-family:var(--battle-font);font-size:1rem;position:relative}.battle button{font:inherit;border:3px solid var(--b-line);background:var(--b-card);min-height:44px;color:var(--b-ink);cursor:pointer;border-radius:1rem}.battle button:disabled{opacity:.55;cursor:wait}.battle button:focus-visible{outline:3px solid var(--b-line);outline-offset:2px}.battle-sky{background:radial-gradient(circle at 18% 30%, var(--theme-surface-snow) 0 1.1rem, transparent 1.2rem), radial-gradient(circle at 78% 22%, var(--theme-surface-snow) 0 1.4rem, transparent 1.5rem), linear-gradient(var(--battle-sky), var(--battle-sky-deep));align-items:center;gap:.45rem;padding:.75rem .8rem;display:flex;position:relative;overflow:hidden}.battle[data-stage=lobby] .battle-sky,.battle[data-stage=rest] .battle-sky,.battle[data-stage=boss] .battle-sky{background:radial-gradient(circle at 18% 28%, var(--theme-surface-snow) 0 1.1rem, transparent 1.2rem), radial-gradient(circle at 78% 20%, var(--theme-surface-snow) 0 1.4rem, transparent 1.5rem), linear-gradient(var(--battle-sky), var(--battle-sky-deep) 68%, var(--b-grass));align-items:flex-start;min-height:12rem;padding-bottom:4.2rem}.battle[data-stage=victory] .battle-sky{background:radial-gradient(circle at 22% 24%, #ffe08a 0 .3rem, transparent .35rem), radial-gradient(circle at 70% 16%, var(--theme-surface-snow) 0 .18rem, transparent .22rem), linear-gradient(var(--battle-victory-sky), var(--battle-victory-sky-deep) 62%, var(--b-grass));align-items:flex-start;min-height:12rem;padding-bottom:4.2rem}.battle-sky.dusk{background:radial-gradient(circle at 20% 28%, #ffe08a 0 .35rem, transparent .4rem), radial-gradient(circle at 70% 18%, var(--theme-surface-snow) 0 .2rem, transparent .25rem), linear-gradient(var(--battle-victory-sky), var(--battle-victory-sky-deep) 55%, var(--b-grass))}.battle-sky .round{z-index:1;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:1.4rem;line-height:1;display:grid}.battle-sky .round svg{width:22px;height:22px}.battle-pill{border:3px solid var(--b-line);z-index:1;background:#fff;border-radius:999px;margin-inline:auto;padding:.35rem .9rem;font-weight:700}.battle-pill.slim{margin-inline:0;margin-left:auto}.fight-clock{border:3px solid var(--b-line);color:#fff;font-variant-numeric:tabular-nums;z-index:1;background:#128a4b;border-radius:999px;align-items:center;gap:.3rem;margin:0;padding:.3rem .7rem;font-weight:800;display:inline-flex}.fight-clock.tone-yellow{color:var(--b-ink);background:#f5c518}.fight-clock.tone-orange{color:#fff;background:#c2410c}.fight-clock.tone-red{color:#fff;background:#b42318}.fight-clock.tone-paused{color:#fff;background:#355c7d}.clock-icon{width:1.1rem;height:1.1rem}.alarm{color:#b42318;background:#fff;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;font-weight:800;display:inline-grid}@media (prefers-reduced-motion:no-preference){.fight-clock.tone-red{animation:1s ease-in-out infinite alarm-pulse}}@keyframes alarm-pulse{50%{transform:scale(1.06)}}.battle-stage{min-height:9rem;margin-top:-4rem;position:relative}.want-banner{z-index:1;border:3px solid var(--b-line);background:#fff;border-radius:999px;margin:0 .8rem;padding:.45rem .8rem;font-weight:800;display:inline-block;position:relative}.sprite{filter:drop-shadow(0 .4rem #1c243026);margin:0;font-size:5.5rem;line-height:1}.sprite.boss{font-size:6.31641rem}.sprite.monster{text-align:center}.battle-sheet-body,.battle-card,.field{position:relative}.battle-sheet-body{padding:.2rem .9rem 1.4rem}.battle h2,.battle h3{margin:.4rem 0;font-size:1.35rem}.team{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.pet-card{text-align:center;background:#fff;justify-items:center;gap:.15rem;width:100%;min-height:7.5rem;padding:.45rem .2rem .55rem;display:grid}.pet-card.top{background:#fff4cc}.top-flag{background:var(--b-yellow);border:2px solid var(--b-line);border-radius:999px;padding:.05rem .4rem;font-size:.75rem;font-weight:800}.pet-face{font-size:2rem;line-height:1}.pet-name{font-weight:800}.hearts{gap:.12rem;display:inline-flex}.heart{width:1.05rem;height:1.05rem;font-size:1.05rem;line-height:1;position:relative}.heart-empty{color:#f3c7c4}.heart-fill{color:#e23b45;white-space:nowrap;position:absolute;top:0;left:0;overflow:hidden}.battle-help{color:var(--b-muted);margin:.35rem 0 .8rem;font-size:.95rem}.bag-row{border:3px solid var(--b-line);background:#fff;border-radius:1.2rem;gap:.45rem;margin:0;padding:.7rem;list-style:none;display:flex}.bag-row li{flex:1;justify-items:center;min-height:44px;font-weight:800;display:grid}.battle-go,.battle .battle-go{background:var(--b-yellow);width:100%;color:var(--b-ink);border-radius:999px;min-height:56px;margin-top:.8rem;font-size:1.2rem;font-weight:800}.battle-quiet,.battle .battle-quiet{background:#fff;width:100%;margin-top:.55rem}.battle-error,.battle-note{border:2px solid var(--b-line);border-radius:.8rem;margin:.6rem .9rem 0;padding:.6rem .75rem}.battle-error{background:#fee4e2}.battle-note{background:#fff4cc}.field{background:linear-gradient(var(--b-grass), var(--b-cream) 82%);grid-template-columns:1fr 1fr;grid-template-areas:"monster m-sprite""p-sprite pet";align-items:center;gap:.35rem .6rem;min-height:13.5rem;margin-top:0;padding:.8rem .8rem .2rem;display:grid}.battle[data-stage=victory] .field,.battle[data-stage=rest] .field{background:linear-gradient(transparent, var(--b-cream) 80%);margin-top:-3.4rem}.monster-card,.pet-status{border:3px solid var(--b-line);background:#fff;border-radius:1.1rem;padding:.45rem .6rem}.monster-card{grid-area:monster;align-self:start}.pet-status{grid-area:pet;justify-self:end;min-width:8.5rem}.who{margin:0;font-weight:800}.hp{flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.25rem;display:flex}.hp-name{font-size:.85rem;font-weight:800}.pip{border:2px solid var(--b-line);background:#f3d2d4;border-radius:999px;width:1.15rem;height:.62rem}.pip.on{background:#3cba6a}.proficient-chip{border:2px solid var(--b-line);background:#fff4cc;border-radius:999px;padding:.05rem .4rem;font-size:.75rem;font-weight:800}.proficient-chip.big{margin:.2rem 0;font-size:1rem;display:inline-block}.field-monster{grid-area:m-sprite;justify-self:end;font-size:4.6rem}.field-pet{grid-area:p-sprite;justify-self:start;font-size:4.4rem}.fainted,.combo,.float{border:3px solid var(--b-line);z-index:1;background:#fff;border-radius:999px;grid-area:m-sprite;place-self:start;margin:0;padding:.2rem .6rem;font-weight:800}.float.hit{color:#fff;background:#e23b45}.float.miss{color:#e23b45;background:#fff}.combo{background:#fff4cc}.battle-card{border:3px solid var(--b-line);background:var(--b-card);border-radius:1.4rem;margin:.7rem .8rem 0;padding:.9rem}.battle-card.center{text-align:center}.skill{color:var(--b-muted);margin:0;font-weight:700}.battle-card h2{font-size:1.55rem}.move-ready{background:#ffe8d4;border:2px solid #f0c9a0;border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;margin:.4rem 0 .7rem;padding:.35rem .45rem .35rem .7rem;display:flex}.move-ready p{margin:0;font-weight:700}.move-ready button{border-radius:999px;min-height:44px;padding:.2rem .8rem}.answer-grid{gap:.5rem;display:grid}.answer-grid button{text-align:left;align-items:center;gap:.55rem;padding:.7rem .8rem;font-size:1.25rem;font-weight:800;display:flex}.dot{border-radius:50%;flex:none;width:.7rem;height:.7rem}.dot.teal{background:#1aa6a6}.dot.coral{background:#e23b45}.dot.gold{background:#f5c518}.dot.lilac{background:#7c6ad6}.dot.sky{background:#3aa0e0}.feedback.hit{background:#e7f8ec}.feedback.miss{background:#fff1e8}.prompt-line,.answer-line,.hitback{margin:.25rem 0}.answer-line{text-underline-offset:.15rem;font-weight:800;text-decoration:underline}.answer-grid button.is-right{background:#d9f5e3}.answer-grid button.is-wrong{background:#fde8e6}.answer-grid button.is-dim{opacity:.55}.thinking{text-align:center;margin:0;font-size:1.25rem;font-weight:800}.fight-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.8rem;display:grid}.fight-hud button{padding:.4rem;font-weight:700}.sheet-back{z-index:6;background:#1c243066;place-items:end center;display:grid;position:fixed;inset:0}.sheet{border:3px solid var(--b-line);background:var(--b-cream);border-radius:1.4rem 1.4rem 0 0;width:min(100%,27rem);margin:0;padding:1rem 1rem 1.3rem}.team-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.team-list li{flex-wrap:wrap;align-items:center;gap:.35rem;min-height:44px;font-weight:700;display:flex}.victory .burst{background:var(--b-yellow);border:3px solid var(--b-line);border-radius:50%;place-items:center;width:4.2rem;height:4.2rem;margin:0 auto .4rem;font-size:1.3rem;font-weight:800;display:grid}.tally,.xp-label{margin:.2rem 0;font-weight:700}.xp{gap:.25rem;margin:.3rem 0 .2rem;display:flex}.xp span{border:2px solid var(--b-line);background:#efe6f8;border-radius:999px;flex:1;height:.7rem}.xp span.on{background:#7c6ad6}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{border-radius:.15rem;width:.55rem;height:.85rem;position:absolute}.confetti i:first-child{background:#ffd54a;top:18%;left:12%}.confetti i:nth-child(2){background:#e23b45;top:8%;left:28%}.confetti i:nth-child(3){background:#3cba6a;top:14%;left:62%}.confetti i:nth-child(4){background:#fff;top:28%;left:78%}.confetti i:nth-child(5){background:#7c6ad6;top:6%;left:46%}.team-dots{gap:.15rem;margin-top:.15rem;display:flex}.team-dots [data-out=true]{opacity:.35}@media (prefers-reduced-motion:reduce){.fight-clock.tone-red{animation:none}}.learn-root{background:var(--hpl-surface-page);min-height:100dvh;color:var(--hpl-text-default);font-family:var(--hpl-font-body)}.learn{min-height:100dvh;color:var(--hpl-text-default);font-family:var(--hpl-font-body);font-size:var(--hpl-body-default-size);line-height:var(--hpl-body-default-line);font-weight:var(--hpl-body-default-weight);justify-content:center;display:flex}.learn:before{content:"";z-index:0;background:inherit;pointer-events:none;height:100lvh;position:fixed;top:0;left:0;right:0}.learn>*{z-index:1;position:relative}.learn-splash{background:var(--hpl-surface-world)}.learn-enroll{background:var(--hpl-surface-page)}.learn-column{flex-direction:column;width:min(100%,390px);min-height:100dvh;display:flex}.learn-splash .learn-column{padding:calc(58px + env(safe-area-inset-top,0px)) var(--hpl-space-6) calc(28px + env(safe-area-inset-bottom,0px));gap:14px}.learn-brand{align-items:center;gap:var(--hpl-space-3);min-height:76px;display:flex}.learn-wordmark{font-family:var(--hpl-display-wordmark-family);font-weight:var(--hpl-display-wordmark-weight);font-size:var(--hpl-display-wordmark-size);line-height:var(--hpl-display-wordmark-line);letter-spacing:var(--hpl-display-wordmark-tracking);color:var(--hpl-text-default);margin:0}.learn-island{display:block}.learn h1{font-family:var(--hpl-display-h1-family);font-weight:var(--hpl-display-h1-weight);font-size:var(--hpl-display-h1-size);line-height:var(--hpl-display-h1-line);letter-spacing:var(--hpl-display-h1-tracking);color:var(--hpl-text-default);margin:0}.learn-lead{font-weight:var(--hpl-body-lg-weight);font-size:var(--hpl-body-lg-size);line-height:var(--hpl-body-lg-line);margin:0}.learn-card{gap:var(--hpl-space-3);background:var(--hpl-surface-card);border-radius:var(--hpl-radius-button);box-shadow:var(--hpl-elevation-card);padding:var(--hpl-space-4) 18px;flex-direction:column;display:flex}.learn-card.learn-name{gap:8px}.learn-card.learn-kids{gap:10px}.learn-kicker{font-weight:var(--hpl-body-label-weight);font-size:var(--hpl-body-label-size);line-height:var(--hpl-body-label-line);color:var(--hpl-text-muted);margin:0}.learn-copy{margin:0}.learn-card-title,.learn-card h2{font-family:var(--hpl-font-body);font-weight:var(--hpl-body-md-weight);font-size:var(--hpl-body-md-size);line-height:var(--hpl-body-md-line);margin:0}.learn button{font-family:var(--hpl-font-display);cursor:pointer;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.learn button:disabled{opacity:1;cursor:pointer}.learn button:focus-visible{outline:3px solid var(--hpl-border-focus);outline-offset:3px}.learn button.learn-secondary{justify-content:center;align-items:center;gap:var(--hpl-space-3);width:100%;min-height:64px;padding:var(--hpl-space-3) var(--hpl-space-6);border:3px solid var(--hpl-border-strong);border-radius:var(--hpl-radius-button);background:var(--hpl-action-secondary);color:var(--hpl-text-default);font-weight:var(--hpl-display-button-secondary-weight);font-size:var(--hpl-display-button-secondary-size);line-height:var(--hpl-display-button-secondary-line);display:flex}.learn button.learn-secondary img{display:block}.learn button.learn-email{width:100%;min-height:64px;padding:var(--hpl-space-3) var(--hpl-space-6);color:var(--hpl-text-default);font-weight:var(--hpl-display-button-secondary-weight);font-size:var(--hpl-display-button-secondary-size);line-height:var(--hpl-display-button-secondary-line);text-underline-offset:3px;background:0 0;text-decoration:underline}.learn-splash button.learn-email{text-decoration:none}.learn-toolbar{padding:var(--hpl-space-2) var(--hpl-space-4) 0;justify-content:space-between;display:flex}.learn-enroll .learn-toolbar{padding-top:calc(48px + env(safe-area-inset-top,0px))}.learn-enroll .learn-card.learn-kids{gap:4px}.learn-enroll button.learn-kid{min-height:56px;padding:8px 0}.learn-enroll .learn-avatar{width:48px;height:48px}.learn button.learn-icon{background:var(--hpl-surface-card);width:56px;height:56px;box-shadow:var(--hpl-elevation-soft);border-radius:28px;justify-content:center;align-items:center;display:flex}.learn button.learn-icon img{display:block}.learn-stack{padding:var(--hpl-space-2) var(--hpl-space-6) calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:14px;margin:0;display:flex}.learn-signed,.learn-fine{font-weight:var(--hpl-body-sm-weight);font-size:var(--hpl-body-sm-size);line-height:var(--hpl-body-sm-line);color:var(--hpl-text-muted);margin:0}.learn input.learn-field{font-family:var(--hpl-font-body);font-weight:var(--hpl-body-lg-weight);font-size:var(--hpl-body-lg-size);line-height:var(--hpl-body-lg-line);width:100%;padding:var(--hpl-space-3) 14px;border-radius:var(--hpl-radius-chip);border:3px solid var(--hpl-border-strong);background:var(--hpl-surface-inset);color:var(--hpl-text-default)}.learn input.learn-field::placeholder{color:var(--hpl-text-muted);font-weight:var(--hpl-body-lg-weight)}.learn button.learn-kid{align-items:center;gap:var(--hpl-space-3);width:100%;min-height:44px;color:var(--hpl-text-default);text-align:left;font-family:var(--hpl-font-body);font-weight:var(--hpl-body-lg-weight);font-size:var(--hpl-body-lg-size);line-height:var(--hpl-body-lg-line);background:0 0;border:0;padding:0;display:flex}.learn-avatar{border:3px solid var(--hpl-border-strong);border-radius:var(--hpl-radius-full);background:var(--hpl-surface-inset);width:40px;height:40px;box-shadow:var(--hpl-elevation-soft);font-family:var(--hpl-display-h3-family);font-weight:var(--hpl-display-h3-weight);font-size:var(--hpl-display-h3-size);line-height:var(--hpl-display-h3-line);flex:none;justify-content:center;align-items:center;display:flex}.learn-kid-name{min-width:0}.learn-check{box-sizing:border-box;border:3px solid var(--hpl-border-strong);background:var(--hpl-surface-card);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:flex}.learn-check.on{background:var(--hpl-action-primary)}.learn-check img{display:block}.learn-spacer{flex:1;min-height:14px}.learn button.learn-primary{width:100%;min-height:64px;padding:var(--hpl-space-3) var(--hpl-space-6);border-radius:var(--hpl-radius-button);background:var(--hpl-action-primary);color:var(--hpl-text-on-action);font-weight:var(--hpl-display-button-weight);font-size:var(--hpl-display-button-size);line-height:var(--hpl-display-button-line);box-shadow:var(--hpl-elevation-button)}.learn button.learn-primary:disabled{background:var(--hpl-surface-inset);box-shadow:none;opacity:1;cursor:default}.learn-note{padding:var(--hpl-space-3) 14px;border-radius:var(--hpl-radius-chip);background:var(--hpl-surface-notice);color:var(--hpl-text-default);font-weight:var(--hpl-body-sm-weight);font-size:var(--hpl-body-sm-size);line-height:var(--hpl-body-sm-line);margin:0}.learn-note[role=alert]{background:var(--hpl-surface-error);color:var(--hpl-text-error)}.learn-card.learn-pin{gap:var(--hpl-space-3)}.learn-pips{justify-content:center;gap:12px;min-height:28px;margin:0;display:flex}.learn-pip{box-sizing:border-box;border:3px solid var(--hpl-border-strong);border-radius:var(--hpl-radius-full);background:0 0;width:16px;height:16px}.learn-pip.on{background:var(--hpl-action-primary)}.learn .pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:none;margin:0;display:grid}.learn .pad button{min-height:64px;padding:var(--hpl-space-3);border:3px solid var(--hpl-border-strong);border-radius:var(--hpl-radius-button);background:var(--hpl-surface-card);color:var(--hpl-text-default);box-shadow:var(--hpl-elevation-soft);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-h2-weight);font-size:var(--hpl-display-h2-size);line-height:var(--hpl-display-h2-line)}.learn .pad button:disabled{background:var(--hpl-surface-inset);box-shadow:none;opacity:1;cursor:default}.learn .pad button:nth-child(10){grid-column:2}.learn .learn-pin button.quiet{width:100%;min-height:44px;margin-top:var(--hpl-space-2);padding:var(--hpl-space-2);color:var(--hpl-text-default);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-button-secondary-weight);font-size:var(--hpl-display-button-secondary-size);line-height:var(--hpl-display-button-secondary-line);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.learn-story{background:var(--theme-surface-sky)}.learn-story-column{background:var(--theme-surface-sky);position:relative}.learn-story-world{--learn-scene-x:max(0px, calc((100% - 390px) / 2));z-index:0;pointer-events:none;background:var(--theme-surface-sky);height:100lvh;position:fixed;top:0;left:0;right:0;overflow:hidden}.learn-story-world img{display:block;position:absolute}.story-cloud-right{top:4px;left:calc(var(--learn-scene-x) + 273px)}.story-cloud-left{top:48px;left:calc(var(--learn-scene-x) + 47px)}.story-sea{object-fit:fill;width:100%;height:78.8867px;bottom:215px;left:0}.story-wave-a{left:calc(var(--learn-scene-x) + 20px);bottom:266px}.story-wave-b{left:calc(var(--learn-scene-x) + 132px);bottom:254px}.story-wave-c{left:calc(var(--learn-scene-x) + 215px);bottom:242px}.story-wave-d{left:calc(var(--learn-scene-x) + 327px);bottom:266px}.story-isle{left:calc(var(--learn-scene-x) + 281px);bottom:268px}.story-boat{left:calc(var(--learn-scene-x) + 109px);bottom:257px}.story-palm-right{left:calc(var(--learn-scene-x) + 328px);bottom:244px}.story-palm-left{left:calc(var(--learn-scene-x) - 6px);bottom:225px}.story-sand-edge,.story-sand{object-fit:fill;width:100%;bottom:0;left:0}.story-sand-edge{height:249px}.story-sand{height:241px}.learn-story-top,.learn-story-body,.learn-story-cta{z-index:1;position:relative}.learn-story-top{align-items:center;gap:var(--hpl-space-3);padding:calc(18px + env(safe-area-inset-top,0px)) var(--hpl-space-4) var(--hpl-space-2);display:flex}.learn-story-kicker{text-align:center;font-family:var(--hpl-body-md-family);font-weight:var(--hpl-body-md-weight);font-size:var(--hpl-body-md-size);line-height:var(--hpl-body-md-line);color:var(--hpl-text-muted);flex:1;margin:0}.learn button.learn-story-icon{background:var(--hpl-surface-card);width:44px;height:44px;box-shadow:0 2px 0 var(--hpl-border-strong);border-radius:22px;flex:none;justify-content:center;align-items:center;display:flex}.learn button.learn-story-icon img{display:block}.learn-story-body{justify-content:center;align-items:center;gap:var(--hpl-space-4);padding:var(--hpl-space-4);text-align:center;flex-direction:column;flex:1;display:flex;transform:translateY(40px)}.learn-story-mark{margin:0;font-size:72px;line-height:1}.learn-story-line{max-width:28rem;font-family:var(--hpl-body-lg-family);font-weight:var(--hpl-body-lg-weight);font-size:var(--hpl-body-lg-size);line-height:var(--hpl-body-lg-line);color:var(--hpl-text-default);margin:0}.learn-story-cta{padding:var(--hpl-space-4) var(--hpl-space-4) calc(12px + env(safe-area-inset-bottom,0px))}.learn-pet{background:var(--theme-surface-sky)}.learn-pet-column{background:var(--theme-surface-sky);position:relative}.learn-pet-gap{flex:1}.learn-pet-form{z-index:1;padding:4px 16px calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:12px;margin:0;display:flex;position:relative}.learn-buddies{flex-direction:column;gap:14px;padding-top:12px;display:flex}.learn button.learn-buddy{border:3px solid var(--hpl-border-strong);border-radius:var(--hpl-radius-card);background:var(--hpl-surface-card);width:100%;min-height:150px;color:var(--hpl-text-default);text-align:left;font-family:var(--hpl-font-body);box-shadow:var(--hpl-elevation-soft);align-items:center;gap:12px;padding:16px 16px 16px 12px;display:flex;position:relative}.learn button.learn-buddy.on{border-color:var(--hpl-shadow-card);background:var(--hpl-surface-inset);box-shadow:var(--hpl-elevation-card)}.learn-buddy-art-wrap{flex:none;width:96px;height:96px;position:relative}.learn-buddy-ground{border-radius:var(--hpl-radius-full);background:var(--hpl-shadow-soft);height:12px;position:absolute;bottom:6px;left:14px;right:14px}.learn-buddy-art{object-fit:contain;background:0 0;width:96px;height:96px;position:relative}.learn-buddy-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.learn-buddy-name{font-family:var(--hpl-display-h2-family);font-weight:var(--hpl-display-h2-weight);font-size:var(--hpl-display-h2-size);line-height:var(--hpl-display-h2-line)}.learn-buddy-line{font-family:var(--hpl-body-md-family);font-weight:var(--hpl-body-default-weight);font-size:var(--hpl-body-md-size);line-height:var(--hpl-body-md-line);color:var(--hpl-text-muted)}.learn-picked{border-radius:var(--hpl-radius-full);background:var(--hpl-action-chip-selected-fill);min-height:28px;color:var(--hpl-text-on-ink);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-button-weight);align-items:center;gap:4px;padding:2px 10px 2px 8px;font-size:14px;line-height:18px;display:inline-flex;position:absolute;top:-12px;right:14px}.learn-buddy-note{text-align:center;color:var(--hpl-text-muted);font-family:var(--hpl-font-body);margin:0;font-size:14px;font-weight:600;line-height:18px}.learn-pet button.learn-primary:disabled{background:var(--hpl-action-disabled);color:var(--hpl-text-disabled);box-shadow:none}.learn-boot{box-sizing:border-box;background:var(--hpl-surface-world);min-height:100dvh;padding:calc(58px + env(safe-area-inset-top,0px)) 24px env(safe-area-inset-bottom,0px)}.learn-who,.learn-kid{background:var(--theme-surface-sky)}.learn-who-column,.learn-pin-column{background:0 0;position:relative}.learn-who-body,.learn-pin-body{z-index:1;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex;position:relative}.learn-who .learn-brand{min-height:64px;padding-top:28px}.learn-who h1{margin-top:8px}.learn-who .learn-lead{margin-top:4px}.learn-who-list{margin:18px 0 0;padding:0;list-style:none}.learn-who-list li+li{border-top:1px solid var(--hpl-border-subtle)}.learn button.learn-who-row{width:100%;min-height:72px;color:var(--hpl-text-default);text-align:left;font-family:var(--hpl-display-h2-family);font-weight:var(--hpl-display-h2-weight);font-size:var(--hpl-display-h2-size);line-height:var(--hpl-display-h2-line);background:0 0;align-items:center;padding:22px 4px;display:flex}.learn button.learn-grownups{border-radius:var(--hpl-radius-full);background:var(--hpl-surface-card);min-height:52px;color:var(--hpl-text-default);box-shadow:var(--hpl-elevation-soft);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-button-weight);font-size:var(--hpl-display-button-secondary-size);line-height:var(--hpl-display-button-secondary-line);align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:8px 18px 8px 16px;display:inline-flex}.learn-pin-gap{flex:1}.learn-pin-greet{padding:8px 4px 0}.learn-pin-greet h1{font-size:var(--hpl-display-title-size);line-height:var(--hpl-display-title-line);letter-spacing:var(--hpl-display-title-tracking)}.learn-pin-greet .learn-lead{margin-top:2px}.learn-kid .story-cloud-right{top:28px;left:calc(var(--learn-scene-x) + 236px)}.learn-kid .story-cloud-left{top:78px;left:calc(var(--learn-scene-x) + 28px)}.learn-pin-pad{flex-direction:column;flex:1;gap:18px;margin-top:12px;padding-top:4px;display:flex}.learn-slots{justify-content:center;gap:14px;margin:0;display:flex}.learn-slot{box-sizing:border-box;border:3px dashed var(--hpl-border-dashed);border-radius:var(--hpl-radius-tile);background:0 0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.learn-slot.on{border-style:solid;border-color:var(--hpl-border-strong);background:var(--hpl-surface-card)}.learn-slot-dot{border-radius:var(--hpl-radius-full);background:var(--hpl-text-default);width:16px;height:16px}.learn-pin-keys,.learn-pic-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:auto;display:grid}.learn-pin-keys>button,.learn-pic-keys>button{border-radius:var(--hpl-radius-button);background:var(--hpl-surface-card);min-height:72px;color:var(--hpl-text-default);box-shadow:var(--hpl-elevation-card-sm);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-h1-weight);justify-content:center;align-items:center;font-size:32px;line-height:38px;display:flex}.learn-pin-keys>button:nth-child(10),.learn-pic-keys>button:nth-child(10){grid-column:2}.learn-pin-keys>button:nth-child(11){grid-column:3}.learn-pin-keys>button:disabled,.learn-pic-keys>button:disabled{opacity:1;cursor:default}.learn button.learn-key-delete{min-height:72px;font-family:var(--hpl-font-display);font-weight:var(--hpl-display-button-secondary-weight);flex-direction:column;gap:2px;font-size:14px;line-height:18px}.learn-pic-keys>button{min-height:84px;font-family:var(--hpl-font-body);font-weight:var(--hpl-body-sm-weight);font-size:var(--hpl-body-sm-size);line-height:var(--hpl-body-sm-line);flex-direction:column;gap:2px;padding:8px 4px}.learn-pic-glyph{font-size:28px;line-height:32px}.learn-code .learn-code-stack{gap:12px;padding-top:36px}.learn button.learn-back{min-height:44px;color:var(--hpl-text-default);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-button-weight);font-size:var(--hpl-display-button-secondary-size);line-height:var(--hpl-display-button-secondary-line);background:0 0;align-self:flex-start;align-items:center;gap:8px;padding:0 4px 0 0;display:inline-flex}.learn-back-icon{border-radius:var(--hpl-radius-full);background:var(--hpl-surface-card);width:44px;height:44px;box-shadow:var(--hpl-elevation-soft);justify-content:center;align-items:center;display:flex}.learn-code-kicker{letter-spacing:.08em;text-transform:uppercase}.learn-code-card{gap:8px}.learn-code-card strong{font-weight:var(--hpl-body-md-weight)}.learn-code-ask{font-weight:var(--hpl-body-lg-weight)}.learn-code-label{font-family:var(--hpl-font-body);font-weight:var(--hpl-body-md-weight);font-size:var(--hpl-body-md-size);line-height:var(--hpl-body-md-line);margin:4px 0 0}.learn-code-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;position:relative}.learn-code-input{z-index:1;opacity:0;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.learn-code-box{border:3px solid var(--hpl-border-dashed);border-radius:var(--hpl-radius-chip);background:var(--hpl-surface-inset);min-height:56px;color:var(--hpl-text-default);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-h1-weight);font-size:var(--hpl-display-h1-size);line-height:var(--hpl-display-h1-line);justify-content:center;align-items:center;display:flex}.learn-code-box.on{border-color:var(--hpl-border-strong);background:var(--hpl-surface-card)}.learn-code-row[data-invalid=true] .learn-code-box{border-color:var(--hpl-border-error);background:var(--hpl-surface-card)}.learn-code-row:focus-within{outline:3px solid var(--hpl-border-focus);outline-offset:4px;border-radius:var(--hpl-radius-chip)}.learn-code-alert{margin-top:2px}.learn-code-meta,.learn-code-wait,.learn-code-help{color:var(--hpl-text-muted);font-weight:var(--hpl-body-sm-weight);font-size:var(--hpl-body-sm-size);line-height:var(--hpl-body-sm-line);margin:0}.learn button.learn-code-link{min-height:32px;color:var(--hpl-text-default);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-button-weight);font-size:var(--hpl-display-button-secondary-size);line-height:var(--hpl-display-button-secondary-line);text-align:left;background:0 0;align-self:flex-start;padding:0}.learn button.learn-code-link:disabled{opacity:.55;cursor:default}.learn-code button.learn-primary:disabled{background:var(--hpl-action-disabled);color:var(--hpl-text-disabled);box-shadow:none}.learn-code-help{text-align:center}.learn-shell h1{font-family:var(--hpl-display-h1-family);font-weight:var(--hpl-display-h1-weight);font-size:var(--hpl-display-h1-size);line-height:var(--hpl-display-h1-line)}.learn-shell .mark{color:var(--hpl-text-brand);font-family:var(--hpl-font-display)}.learn-shell .meta{color:var(--hpl-text-muted)}.learn-shell .card,.learn-shell .banner,.learn-shell .hint{background:var(--hpl-surface-card);border-color:var(--hpl-border-subtle);border-radius:var(--hpl-radius-card);color:var(--hpl-text-default)}.learn-shell .banner.ok{background:var(--hpl-surface-tile);border-color:var(--hpl-progress-fill)}.learn-shell .banner.try,.learn-shell .banner.error{background:var(--hpl-surface-error);border-color:var(--hpl-border-error)}.learn-shell nav.choices>button,.learn-shell .card>.choices>button,.learn-shell .card>form>button:not(.quiet){background:var(--hpl-action-primary);color:var(--hpl-text-on-action);border-radius:var(--hpl-radius-button);box-shadow:var(--hpl-elevation-button)}.learn-shell .quiet{color:var(--hpl-text-default);border:3px solid var(--hpl-border-strong);border-radius:var(--hpl-radius-button);box-shadow:none;background:0 0}.learn-shell input{border-color:var(--hpl-border-strong);background:var(--hpl-surface-inset);color:var(--hpl-text-default);border-radius:var(--hpl-radius-chip)}.learn-shell .island-switch button{background:var(--hpl-surface-card);color:var(--hpl-text-default);border-color:var(--hpl-border-strong);border-radius:var(--hpl-radius-button);box-shadow:none}.learn-shell .island-switch button[aria-pressed=true]{border-color:var(--hpl-border-strong)}.learn-shell .stone-pad{background:var(--hpl-surface-card);border-color:var(--hpl-border-strong);color:var(--hpl-text-default)}.learn-shell .stone-btn[data-state=learning] .stone-pad:before{background:var(--hpl-stone-learning)}.learn-shell .stone-btn[data-state=mastered] .stone-pad{background:var(--hpl-stone-mastered);color:var(--hpl-text-on-action)}.learn-shell .stone-btn[data-current=true] .stone-pad{box-shadow:0 0 0 3px var(--hpl-surface-page), 0 0 0 6px var(--theme-accent-current)}.learn-shell .leg-stone[data-path]:after{border-top-color:var(--theme-decor-route)}.learn-shell .next-stone{background:var(--hpl-action-go);color:var(--hpl-text-on-ink);box-shadow:0 0 0 3px var(--hpl-surface-page), 0 5px 0 var(--theme-accent-primary-edge)}.learn-shell .quest-dot{background:var(--hpl-action-go)}.learn-shell .review-count{border-bottom-color:var(--hpl-border-strong)}.learn-kinds{gap:var(--hpl-space-3);align-items:stretch;display:flex}.learn button.learn-kind{min-height:138px;padding:var(--hpl-space-4);text-align:left;background:var(--hpl-surface-card);border-radius:var(--hpl-radius-button);box-shadow:var(--hpl-elevation-card);color:var(--hpl-text-default);font-family:var(--hpl-font-body);flex-direction:column;flex:1;align-items:flex-start;gap:6px;display:flex}.learn button.learn-kind[aria-pressed=true]{background:var(--hpl-surface-card-selected);box-shadow:var(--hpl-elevation-card-deep)}.learn-kind-title{font-family:var(--hpl-font-display);font-weight:var(--hpl-display-h3-weight);font-size:var(--hpl-display-h3-size);line-height:var(--hpl-display-h3-line)}.learn-kind-copy{font-weight:var(--hpl-body-sm-weight);font-size:var(--hpl-body-sm-size);line-height:var(--hpl-body-sm-line);color:var(--hpl-text-muted)}.learn-pin-row{flex-direction:column;gap:10px;margin:0;display:flex}.learn-slots{gap:var(--hpl-space-2);width:fit-content;display:flex;position:relative}.learn-slots:focus-within{border-radius:var(--hpl-radius-chip);outline:3px solid var(--hpl-border-focus);outline-offset:4px}.learn-slot{box-sizing:border-box;border:3px solid var(--hpl-border-empty);border-radius:var(--hpl-radius-chip);background:var(--hpl-surface-inset);width:56px;height:64px;color:var(--hpl-text-default);font-family:var(--hpl-font-display);justify-content:center;align-items:center;font-size:28px;font-weight:700;line-height:34px;display:flex}.learn-slot.filled{border-color:var(--hpl-border-strong);background:var(--hpl-surface-card);box-shadow:var(--hpl-elevation-soft-sm)}.learn input.learn-capture{color:#0000;caret-color:#0000;width:100%;height:100%;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;position:absolute;inset:0}.learn input.learn-capture:focus,.learn input.learn-capture:focus-visible{box-shadow:none;border:0;outline:none}.learn-pictures{flex-direction:column;gap:10px;display:flex}.learn-pics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.learn button.learn-pic{min-height:72px;padding:var(--hpl-space-2);background:var(--hpl-surface-card);border-radius:var(--hpl-radius-button);box-shadow:var(--hpl-elevation-card-sm);color:var(--hpl-text-default);font-family:var(--hpl-font-body);font-weight:var(--hpl-body-sm-weight);font-size:var(--hpl-body-sm-size);line-height:var(--hpl-body-sm-line);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.learn button.learn-pic:disabled{background:var(--hpl-surface-inset);box-shadow:none}.learn-pic span:first-child{font-size:22px;line-height:28px}.learn button.learn-text{min-height:44px;padding:var(--hpl-space-2) 0;color:var(--hpl-text-default);font-family:var(--hpl-font-display);font-weight:var(--hpl-display-button-secondary-weight);font-size:var(--hpl-display-button-secondary-size);line-height:var(--hpl-display-button-secondary-line);text-underline-offset:3px;background:0 0;align-self:flex-start;text-decoration:underline}.learn button.learn-text:disabled{color:var(--hpl-text-disabled);text-decoration:none}.learn-reveal{align-items:flex-start;gap:var(--hpl-space-2)}.learn-reveal-mark{font-family:var(--hpl-font-display);font-weight:var(--hpl-display-h1-weight);font-size:var(--hpl-display-h1-size);line-height:var(--hpl-display-h1-line);letter-spacing:.04em;margin:0}.learn-chips{flex-wrap:wrap;gap:8px;display:flex}.learn button.learn-chip{border:3px solid var(--hpl-border-strong);background:var(--hpl-surface-card);min-width:45px;min-height:50px;color:var(--hpl-text-default);font-family:var(--hpl-font-body);border-radius:999px;padding:10px 14px;font-size:18px;font-weight:700;line-height:24px}.learn button.learn-chip[aria-pressed=true]{background:var(--hpl-action-primary)}.learn-beach-buddies{z-index:1;pointer-events:none;--learn-safe-bottom:env(safe-area-inset-bottom,0px);position:absolute;inset:0}.learn-beach-buddy,.learn-beach-buddy-sprite,.learn-beach-buddy-shadow{pointer-events:none;position:absolute}.learn-beach-buddy{will-change:transform;top:0;left:0}.learn-beach-buddy-sprite{background-position:0 0;background-repeat:no-repeat;top:0;left:0}.learn-beach-buddy-shadow{transform-origin:bottom}@keyframes learn-beach-buddy-play{0%{background-position:0 0}to{background-position:calc(var(--buddy-shift) * -1) 0}}@media (prefers-reduced-motion:reduce){.learn-beach-buddy-sprite{animation:none}}