:root{--sc-color-paper:#fff9f2;--sc-color-well:#fbf3e9;--sc-color-ink:#221c18;--sc-color-soft:#55483f;--sc-color-line:#e0d2c4;--sc-color-muted:#8a7b70;--sc-color-good:#1fc08a;--sc-color-good-deep:#12996b;--sc-color-good-wash:#e0f7ee;--sc-color-nudge:#ff9f43;--sc-color-nudge-deep:#d97a1f;--sc-color-nudge-wash:#ffe8e1;--sc-color-star:#ffc53d;--sc-color-star-deep:#dfa010;--sc-color-star-wash:#fdefc9;--sc-color-trail:#9a6a4a;--sc-color-honey-50:#fdf0d3;--sc-color-honey-100:#ffe27e;--sc-color-honey-200:#ffd25a;--sc-color-honey-300:#ffb524;--sc-color-honey-400:#f2a20c;--sc-color-honey-500:#ec8f0e;--sc-color-honey-600:#c9700a;--sc-color-honey-700:#b25a07;--sc-color-honey-800:#6b3e0c;--sc-color-wax-50:#fffae8;--sc-color-wax-100:#fff6da;--sc-color-wax-200:#f8e3ae;--sc-color-wax-300:#f4d9a0;--sc-color-wax-400:#e0b465;--sc-color-wax-500:#d6a458;--sc-sky-morning-sky0:#9fd3ee;--sc-sky-morning-sky1:#f9e1cf;--sc-sky-morning-sky2:#fff3df;--sc-sky-morning-sun-core:#fff8e4;--sc-sky-morning-sun-glow:#ffe6b0;--sc-sky-morning-far:#d8e3bc;--sc-sky-morning-mid:#bfd394;--sc-sky-morning-near:#a8c97e;--sc-sky-morning-grass0:#9fc874;--sc-sky-morning-grass1:#74a04a;--sc-sky-morning-bark0:#b38758;--sc-sky-morning-bark1:#8a5e3a;--sc-sky-morning-bark2:#5a3b24;--sc-sky-morning-leaf0:#c6dc82;--sc-sky-morning-leaf1:#86b158;--sc-sky-morning-leaf2:#4c7a34;--sc-sky-morning-autumn0:#f7cd7a;--sc-sky-morning-autumn1:#d07a30;--sc-sky-morning-dim:#0b1330;--sc-sky-morning-ink:#2a1f17;--sc-sky-afterschool-sky0:#f1a86e;--sc-sky-afterschool-sky1:#ffd9a2;--sc-sky-afterschool-sky2:#fff0cc;--sc-sky-afterschool-sun-core:#fffbea;--sc-sky-afterschool-sun-glow:#ffd98a;--sc-sky-afterschool-far:#ebc895;--sc-sky-afterschool-mid:#d2c47e;--sc-sky-afterschool-near:#b5be64;--sc-sky-afterschool-grass0:#a9bd5c;--sc-sky-afterschool-grass1:#6f8e3e;--sc-sky-afterschool-bark0:#c98e54;--sc-sky-afterschool-bark1:#9a6438;--sc-sky-afterschool-bark2:#5a3820;--sc-sky-afterschool-leaf0:#c9cf68;--sc-sky-afterschool-leaf1:#8da846;--sc-sky-afterschool-leaf2:#4e7130;--sc-sky-afterschool-autumn0:#f7c36a;--sc-sky-afterschool-autumn1:#c9702a;--sc-sky-afterschool-dim:#3a1a00;--sc-sky-afterschool-ink:#2a1f17;--sc-sky-dusk-sky0:#3e3a78;--sc-sky-dusk-sky1:#b06f9e;--sc-sky-dusk-sky2:#f4a77c;--sc-sky-dusk-sun-core:#ffd9a8;--sc-sky-dusk-sun-glow:#f89a6a;--sc-sky-dusk-far:#8a6a90;--sc-sky-dusk-mid:#5f5a80;--sc-sky-dusk-near:#4a5672;--sc-sky-dusk-grass0:#3f5a55;--sc-sky-dusk-grass1:#27373a;--sc-sky-dusk-bark0:#7a4e5a;--sc-sky-dusk-bark1:#4a3240;--sc-sky-dusk-bark2:#2a1c26;--sc-sky-dusk-leaf0:#6e8a70;--sc-sky-dusk-leaf1:#45625a;--sc-sky-dusk-leaf2:#2a3e40;--sc-sky-dusk-autumn0:#d08a5a;--sc-sky-dusk-autumn1:#8a4a36;--sc-sky-dusk-dim:#2a1840;--sc-sky-dusk-ink:#fff6ea;--sc-sky-night-sky0:#0b1330;--sc-sky-night-sky1:#18234d;--sc-sky-night-sky2:#2b3768;--sc-sky-night-sun-core:#f5f1dc;--sc-sky-night-sun-glow:#8e9fd6;--sc-sky-night-far:#1e2a4a;--sc-sky-night-mid:#192640;--sc-sky-night-near:#16233a;--sc-sky-night-grass0:#14202a;--sc-sky-night-grass1:#0d161e;--sc-sky-night-bark0:#433445;--sc-sky-night-bark1:#2c2230;--sc-sky-night-bark2:#1a141e;--sc-sky-night-leaf0:#2c4650;--sc-sky-night-leaf1:#1f3540;--sc-sky-night-leaf2:#122028;--sc-sky-night-autumn0:#5e4a3a;--sc-sky-night-autumn1:#3a2c24;--sc-sky-night-dim:#0b1330;--sc-sky-night-ink:#f6f1e6;--sc-type-family-display:Fredoka;--sc-type-family-body:Nunito;--sc-type-family-letter:Andika;--sc-type-size-12:12px;--sc-type-size-14:14px;--sc-type-size-16:16px;--sc-type-size-18:18px;--sc-type-size-20:20px;--sc-type-size-24:24px;--sc-type-size-28:28px;--sc-type-size-32:32px;--sc-type-size-40:40px;--sc-type-size-48:48px;--sc-size-touch:44px;--sc-size-child-touch:60px;--sc-size-card-radius:28px;--sc-time-quick:.15s;--sc-time-normal:.3s;--sc-time-celebrate:.8s;--sc-time-pour:.12s;--sc-time-auto-check:.65s}*{box-sizing:border-box}body{font:18px/1.4 var(--sc-type-family-body),system-ui,sans-serif;background:var(--sc-color-paper);color:var(--sc-color-ink);margin:0}main{max-width:34rem;margin:0 auto;padding:16px}button{font:inherit;min-height:var(--sc-size-child-touch);background:var(--sc-color-good);width:100%;color:var(--sc-color-ink);cursor:pointer;border:0;border-radius:16px;margin:6px 0;font-weight:700}button:focus-visible{outline:3px solid var(--sc-color-ink);outline-offset:3px}.quiet{color:var(--sc-color-soft);font-size:.9rem}.practice{text-align:center}.practice button.hear{border:3px solid var(--sc-color-good);background:#fff;min-height:72px}.badge{color:var(--sc-color-soft);margin-top:8px;font-size:.85rem;display:inline-block}@media (prefers-reduced-motion:no-preference){button{transition:transform var(--sc-time-quick)}button:active{transform:scale(.98)}}.make label{margin:12px 0 4px;font-weight:700;display:block}.notebook{width:100%;font:inherit;border:2px solid var(--sc-color-line);resize:vertical;background:#fff linear-gradient(90deg,#0000 34px,#f2b8a8 34px 36px,#0000 36px);border-radius:12px;padding:12px 12px 12px 44px;line-height:1.7}.quiet-button{width:auto;min-height:44px;color:var(--sc-color-ink);border:2px solid var(--sc-color-line);background:0 0;padding:0 16px;font-weight:600}.quiet-button.inline{border:0;min-height:0;margin:0;padding:0;text-decoration:underline;display:inline}.flag{background:var(--sc-color-nudge-wash);border-radius:16px;margin:10px 0;padding:8px 14px}.flag h3{margin:6px 0;font-size:1rem}.buttons{flex-wrap:wrap;gap:8px;display:flex}.buttons button{flex:auto;width:auto;min-width:8rem}.list-card{background:#fff;border-radius:16px;margin:10px 0;padding:8px 14px}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;padding:0;list-style:none;display:flex}.chip{background:var(--sc-color-honey-50);width:auto;min-height:44px;color:var(--sc-color-ink);border:1px solid var(--sc-color-honey-200);border-radius:999px;margin:0;padding:0 14px;font-weight:600}.put-back{width:auto;min-height:44px;color:var(--sc-color-soft);background:0 0;margin:0 4px;padding:0 8px;text-decoration:line-through}.dock{background:var(--sc-color-paper);padding:8px 0;position:sticky;bottom:0}.dock button[disabled]{background:var(--sc-color-line);color:var(--sc-color-soft)}.notice{background:var(--sc-color-nudge-wash);border-radius:12px;padding:8px 12px}.details-editor{border:1px solid var(--sc-color-line);border-radius:12px}.details-editor input,.details-editor select{width:100%;font:inherit;min-height:44px;margin-top:4px;display:block}.days{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.days button{width:auto;min-height:44px;color:var(--sc-color-ink);border:2px solid var(--sc-color-line);background:#fff;margin:0;padding:0 12px}.days button[aria-pressed=true]{background:var(--sc-color-good);border-color:var(--sc-color-good-deep)}.preview{background:#fff;border-radius:16px;margin:12px 0;overflow:hidden;box-shadow:0 1px 4px #00000026}.preview img{width:100%;height:auto;display:block}.preview-art{background:var(--sc-color-honey-50);justify-content:center;padding:12px;display:flex}.preview figcaption{flex-direction:column;gap:2px;padding:10px 14px;display:flex}.code strong{letter-spacing:.2em;font-size:2rem}.qr{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qr-image svg{width:min(80vw,70vh);height:auto}.button{min-height:var(--sc-size-child-touch);background:var(--sc-color-good);color:var(--sc-color-ink);border-radius:16px;flex:auto;justify-content:center;align-items:center;min-width:8rem;margin:6px 0;padding:0 16px;font-weight:700;text-decoration:none;display:flex}.term-weeks{padding-left:0;list-style:none}.term-weeks li{background:#fff;border-radius:12px;margin:6px 0;padding:8px 12px}.suggest{flex-direction:column;gap:6px;margin:6px 0;padding:0;list-style:none;display:flex}.suggest-chip{text-align:left;background:var(--sc-color-honey-50);width:100%;min-height:44px;color:var(--sc-color-ink);border:1px solid var(--sc-color-honey-200);border-radius:12px;flex-direction:column;gap:2px;margin:0;padding:8px 14px;display:flex}.suggest-chip .badge{color:var(--sc-color-ink);font-size:12px;font-weight:600}.make .door{text-align:left;color:var(--sc-color-ink);background:#fff;border-radius:16px;margin:12px 0;padding:14px 16px;font-weight:400;display:block;box-shadow:0 1px 4px #00000026}.make .door.primary{background:var(--sc-color-honey-50);border:2px solid var(--sc-color-good);padding:20px 16px}.make .door-title{margin-bottom:4px;font-size:1.1rem;font-weight:800;display:block}.make .door.primary .door-title{font-size:1.4rem}.make .door-line{display:block}.make p.label{margin:12px 0 4px;font-weight:700}.make h1:focus,.make h2:focus{outline:none}.make .grades button{min-height:56px}.make .grades button:disabled{background:var(--sc-color-line);color:var(--sc-color-soft);cursor:default}.make .soon{font-size:.9rem;font-weight:600}.make .lesson,.make .path-name{width:100%;font:inherit;border:2px solid var(--sc-color-line);border-radius:12px;min-height:48px;padding:0 12px;display:block}.make .radio-card{border:2px solid var(--sc-color-line);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;min-height:48px;margin:10px 0;padding:12px 14px;font-weight:400;display:flex}.make .radio-card:has(input:checked){border-color:var(--sc-color-good-deep)}.make .radio-card input,.make .check input{flex:none;width:24px;height:24px;margin:2px 0 0}.make .check{align-items:center;gap:12px;min-height:48px;font-weight:600;display:flex}.make .my-card{background:#fff;border-radius:16px;margin:12px 0;padding:12px 14px;box-shadow:0 1px 4px #00000026}.make .my-this{margin:4px 0;font-weight:700}.make .my-actions button,.make .my-steps button{min-height:48px}.make .my-wide{width:100%}.make .my-others,.make .my-steps{margin:6px 0;padding:0;list-style:none}.make .my-steps button.step{text-align:left;border:2px solid var(--sc-color-line);background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex}.make .my-steps .badge{color:var(--sc-color-ink);margin:0;font-weight:700}.make .my-dialog{background:var(--sc-color-paper);max-width:34rem;margin:0 auto;padding:16px;position:fixed;inset:0;overflow:auto}.make .my-dialog:focus{outline:none}.make .my-mode{border:0;margin:8px 0;padding:0}.photo-tip{border:2px solid var(--sc-color-line);border-radius:12px;margin:8px 0;padding:12px 16px}.defs{width:0;height:0;position:absolute;overflow:hidden}.card,.end{flex-direction:column;gap:8px;max-width:34rem;min-height:100svh;margin:0 auto;padding:8px 12px 20px;display:flex}.top{align-items:center;gap:8px;display:flex}.close{width:44px;min-height:44px;color:var(--sc-color-ink);border:2px solid var(--sc-color-line);background:0 0;border-radius:12px;margin:0;padding:0}.jars{flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.jar{border:2px solid var(--sc-color-honey-300);background:#fff;border-radius:5px 5px 8px 8px;flex:0 18px;min-width:8px;height:22px}.jar.full{background:linear-gradient(var(--sc-color-honey-100),var(--sc-color-honey-400));border-color:var(--sc-color-honey-500)}.jar.now{background:var(--sc-color-honey-50);border-style:dashed}.stop{border:2px solid var(--sc-color-line);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex}.scene{background:linear-gradient(#fff0cc,#ffe3a0);border-radius:28px;justify-content:space-between;align-items:center;gap:8px;min-height:188px;padding:10px 14px;display:flex}.cub{flex:1;align-items:center;gap:6px;display:flex}.cub-tap{background:0 0;border-radius:16px;width:auto;min-height:0;margin:0;padding:0}.bubble{background:#fff;border-radius:18px;margin:0;padding:10px 12px;font-size:1.05rem;font-weight:600;box-shadow:0 1px 3px #3c280033}.hear{flex-direction:column;align-items:center;gap:6px;display:flex}.hear-button{border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;min-height:84px;margin:0;padding:0;display:flex}.slow{width:auto;min-height:44px;color:var(--sc-color-ink);border:2px solid var(--sc-color-line);background:#fff;border-radius:999px;margin:0;padding:0 14px}.badge{color:var(--sc-color-soft)}.word{background:var(--sc-color-paper);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;padding:14px 8px;display:flex;position:relative;box-shadow:0 2px 8px #3c280026}.carry-tag{color:var(--sc-color-soft);margin:0;font-size:.9rem;font-weight:700}.comb{width:100%;height:auto}.comb .sc-label{font-weight:700}.typed{letter-spacing:.06em;word-break:break-all;text-align:center;min-height:2.4rem;margin:0;font:700 2rem/1.2 Andika,Nunito,system-ui,sans-serif}.caret{background:var(--sc-color-ink);vertical-align:text-bottom;width:3px;height:1.6em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}.undo{width:44px;min-height:44px;color:var(--sc-color-ink);border:2px solid var(--sc-color-line);background:#fff;border-radius:50%;margin:0;padding:0;position:absolute;top:8px;right:10px}.main{background:var(--sc-color-good);min-height:62px;font-size:1.15rem}.main.next{background:var(--sc-color-honey-200)}.tray{grid-template-columns:repeat(6,1fr);justify-items:center;gap:4px;display:grid}.bee{aspect-ratio:108/100;background:0 0;border-radius:12px;width:100%;max-width:64px;min-height:64px;margin:0;padding:0}.bee svg{width:100%;height:100%;display:block;overflow:visible}.bee.used{opacity:.35;outline:2px dashed var(--sc-color-line);transform:scale(.85)}.tray:not(.calm) .bee:not(.used) svg{animation:4s ease-in-out infinite bob}.tray:not(.calm) .bee:nth-child(2n):not(.used) svg{animation-delay:-1.3s}.tray:not(.calm) .bee:nth-child(3n):not(.used) svg{animation-delay:-2.6s}.keyboard{flex-direction:column;gap:6px;margin-top:auto;display:flex}.krow{justify-content:center;gap:4px;display:flex}.key{max-width:44px;min-height:50px;color:var(--sc-color-ink);border:2px solid var(--sc-color-line);background:#fff;border-radius:10px;flex:1;margin:0;padding:0;font-family:Andika,Nunito,sans-serif;font-size:1.2rem}.key.wide{flex:2;max-width:none}.key.space{flex:3;max-width:none;font-size:1rem}.key.done{background:var(--sc-color-good);border-color:var(--sc-color-good-deep)}.key[disabled]{opacity:.5}.fix{background:var(--sc-color-paper);border-radius:28px;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;display:flex;box-shadow:0 2px 8px #3c280026}.family{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.family li{animation:.5s ease-out both rise}.comb-small{width:100px}.wobble{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out 2 wobble}.end{text-align:center;align-items:center}.week-comb{width:100%;max-width:420px;height:auto}.ask{font-size:1.3rem}.grownups{text-align:left;width:100%}.quiet{color:inherit;opacity:.75;align-self:center;padding:12px;font-size:.95rem}.hear small{text-align:center;display:block}.cub-hop svg{animation:.6s ease-out hop}.cub-dance svg{animation:.9s ease-in-out 2 dance}.cub-think svg{transform:rotate(-4deg)}@keyframes pour{0%{transform:scaleY(.08)}to{transform:scaleY(1)}}.sc-honey .sc-liquid{transform-box:fill-box;transform-origin:bottom;animation:.45s ease-out pour}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes blink{50%{opacity:0}}@keyframes hop{30%{transform:translateY(-14px)}60%{transform:translateY(0)}80%{transform:translateY(-4px)}}@keyframes dance{25%{transform:rotate(-8deg)translateY(-8px)}75%{transform:rotate(8deg)translateY(-8px)}}@keyframes wobble{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.tray .bee svg,.cub svg,.wobble,.family li{animation:none!important}.sc-honey .sc-liquid{animation:.3s ease-out fade}@keyframes fade{0%{opacity:0}}}@media (min-width:900px){.card,.end{max-width:44rem;padding-top:16px}.scene{min-height:200px}.bee{max-width:72px}}.hatch{flex-direction:column;align-items:center;gap:6px;animation:.6s ease-out both rise;display:flex}.board{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:60rem;min-height:100svh;margin:0 auto;padding:16px;display:flex}.board .bubble{font-size:clamp(1.3rem,3.5vw,2.2rem)}.board .big{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.board .count{margin:0;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:800}.board .word{margin:0;font-size:clamp(2rem,7vw,4.5rem);font-weight:800}.board .row{justify-content:center;gap:16px;width:100%;display:flex}.board .next,.board .button{min-width:min(22rem,100%);min-height:80px;font:inherit;background:var(--sc-color-good,#1fc08a);color:#221c18;border:0;border-radius:24px;justify-content:center;align-items:center;padding:0 24px;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;text-decoration:none;display:inline-flex}.board .back,.board .again{min-height:64px;font:inherit;color:inherit;background:0 0;border:2px solid #221c18;border-radius:20px;padding:0 24px;font-weight:700}.board .comb{max-width:90vw}.board .cub{flex-direction:column;align-items:center;gap:8px}.board .cub svg{width:auto;height:clamp(90px,22vh,240px)}
/*$vite$:1*/