:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#192b50;--muted:#526486;--blue:#345ce0;--purple:#7a3db1;--line:#bdcced;--mint:#e3f2ff;--lavender:#f0e5ff;color:var(--ink);background:#e8e6ff;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(145deg,#e8dfff,#d9f7f8);min-height:100svh;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:4px solid #bd7b12}button{color:inherit}a{color:var(--blue)}h1,h2,strong,.button{font-family:Trebuchet MS,Segoe UI,sans-serif}h1{text-align:center;margin:0 0 1.2rem;font-size:clamp(1.8rem,4.8vw,2.75rem);line-height:1.15}h2{margin:.6rem 0 1.6rem;font-size:clamp(1.3rem,3.5vw,2rem)}p{line-height:1.6}.app-shell{max-width:900px;min-height:100svh;margin:auto;padding:clamp(10px,2.4vw,32px);position:relative}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.app-shell:before{background:#d4c0ff;width:300px;height:300px;top:-100px;left:-180px}.app-shell:after{background:#bdefef;width:320px;height:320px;bottom:-130px;right:-230px}.screen{isolation:isolate;background:#fff;border-radius:38px;flex-direction:column;min-height:calc(100svh - 64px);padding:clamp(38px,5vw,56px) clamp(20px,4vw,48px) clamp(20px,4vw,48px);display:flex;position:relative;box-shadow:0 8px #bbc9ef}.decoration{color:#f4c75b;z-index:-1;pointer-events:none;font-size:32px;position:absolute}.star-one{top:27%;left:0;transform:rotate(-12deg)}.star-two{color:#afa0ec;top:67%;right:0;transform:rotate(15deg)}.round-button{z-index:5;border:1px solid var(--line);width:48px;height:48px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;padding:12px;display:grid;position:absolute;top:6px;left:7px;box-shadow:0 3px #dce3f5}.round-button svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.button{color:#fff;text-align:center;background:linear-gradient(#4168e8,#345ce0);border:2px solid #253c9b;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:64px;padding:13px 22px;font-size:clamp(1.2rem,3.3vw,1.8rem);font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 6px #253c9b}.button:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #253c9b}.button.secondary{border-color:var(--line);color:var(--blue);background:#fff;box-shadow:0 5px #cdd9f2}.button.secondary:active{box-shadow:0 1px #cdd9f2}.bottom-action{flex-direction:column;align-items:stretch;gap:20px;width:min(100%,480px);margin:auto auto 0;padding-top:30px;display:flex}.text-link{color:var(--blue);background:0 0;border:0;min-height:44px;padding:12px;font-size:1.05rem;font-weight:600}.center{text-align:center;flex-direction:column;align-items:center;display:flex}.home{flex:1;gap:20px}.home h1{margin-bottom:8px}.home h2{margin-top:0;margin-bottom:10px}.home>.button{width:min(100%,370px)}.home>.secondary{width:min(100%,300px);margin-top:14px}.animal{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;display:block}.buddy-halo{background:radial-gradient(#e9fbff,#d9ddff);border-radius:50%;place-items:center;width:clamp(190px,32vw,300px);height:clamp(190px,32vw,300px);margin:14px auto 8px;display:grid;position:relative}.buddy-halo .animal{width:94%;height:100%}.buddy-star{color:#ffda78;font-size:40px;position:absolute;top:35px;left:-10px;transform:rotate(-15deg)}.adult-entry{color:var(--muted);margin-top:auto;padding-top:34px}.listen-row{justify-content:center;align-items:center;gap:18px;margin:10px 0 20px;display:flex}.listen-row>.button{background:var(--mint);border:0;width:230px;max-width:75%}.listen-row .reading-size{font-size:1.4rem}.answer-line{text-align:center;width:100%;min-height:100px;margin:16px 0 20px;padding:12px 0 16px}.answer-text{border-bottom:3px solid var(--ink);white-space:nowrap;letter-spacing:0;min-width:180px;max-width:100%;padding:0 7px 3px;font-size:clamp(2.1rem,7vw,4rem);line-height:1.25;display:inline-block}.suffix-text{color:var(--purple)}.answer-line.drop-ready .answer-text{border-color:var(--purple);background:#f8f4ff}.keypad{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1.4vw,12px);width:100%;max-width:680px;margin:0 auto;display:grid}.letter-key{border:2px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;place-items:center;min-height:clamp(50px,6.6vh,74px);padding:4px;font-size:clamp(1.6rem,4vw,2.7rem);font-weight:600;display:grid;position:relative;box-shadow:0 4px #dce3f5}.letter-key.used{background:var(--blue);color:#fff;border-color:#253c9b;box-shadow:0 4px #253c9b}.key-count{width:20px;height:20px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:1px;right:2px}.backspace{color:var(--muted);touch-action:manipulation;grid-column:span 4}.suffix-section{width:100%;max-width:680px;margin:22px auto 0}.suffix-label{color:var(--purple);margin-bottom:8px;font-size:1rem;font-weight:600}.suffix-pad{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(6px,1.4vw,12px);display:grid}.suffix-key{background:var(--lavender);border-color:var(--purple);color:var(--purple);font-size:clamp(1.15rem,3.5vw,2rem);box-shadow:0 4px #d8c2f0}.suffix-key.used{background:var(--purple);color:#fff;border-color:#50287d;box-shadow:0 4px #50287d}.suffix-key .key-count{color:var(--purple)}.drag-ghost{z-index:30;border:3px solid var(--blue);pointer-events:none;background:#fff;border-radius:15px;padding:8px 18px;font-size:2.5rem;font-weight:700;position:fixed;transform:translate(-50%,-50%);box-shadow:0 5px 20px #192b5030}.choice-list{flex-direction:column;gap:22px;width:min(100%,520px);margin:32px auto;display:flex}.choice{border:2px solid var(--line);text-align:center;background:#fff;border-radius:22px;min-height:76px;padding:16px 22px;font-size:clamp(1.3rem,3.6vw,2rem);box-shadow:0 4px #dce3f5}.choice.chosen{border-color:var(--blue);background:var(--mint);border-width:3px;box-shadow:0 4px #91a7e0}.sound-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;margin:52px auto;display:grid}.sound-choices .choice{min-height:140px;padding:12px;font-size:clamp(2.4rem,6vw,4.5rem)}.passage{letter-spacing:.015em;align-self:center;max-width:38ch;margin:30px 0 20px;line-height:1.9}.reading-word{color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;border-radius:4px;padding:0;text-decoration:none;display:inline}.reading-word:focus-visible,.reading-word:hover{text-decoration:underline;-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue);text-underline-offset:5px}.subheading{text-align:center;color:var(--muted);margin:0 0 24px;font-size:clamp(1.1rem,3vw,1.55rem)}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.4vw,28px);width:100%;max-width:650px;margin:20px auto;display:grid}.prize-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:750px;margin:35px auto}.animal-card{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:25px;flex-direction:column;align-items:center;padding:14px 8px;display:flex;position:relative;box-shadow:0 6px #c7d3ef}.animal-card .animal{pointer-events:none;width:100%;height:clamp(125px,21vw,235px)}.animal-card strong{padding:5px;font-size:clamp(1.1rem,2.8vw,1.7rem)}.animal-card.tone-0{background:var(--mint)}.animal-card.tone-1{background:#fff1cb}.animal-card.tone-2{background:var(--lavender)}.animal-card.selected{border:4px solid var(--blue);padding:12px 6px}.selected-dot{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;display:grid;position:absolute;top:10px;right:10px}.empty-collection{margin:20px auto}.empty-collection .animal,.done>.animal,.paused>.animal{width:90%;height:clamp(150px,30vw,300px);margin:25px auto}.done,.paused{flex:1}.done h1{margin-top:30px}.done p{color:var(--muted);font-size:1.3rem}.paused>.button{width:min(100%,420px);margin:18px auto}.help-word{text-align:center;margin:45px 0 25px;font-size:clamp(2.5rem,7vw,4rem)}.help-word span{border-bottom:3px solid var(--ink)}.help-message{text-align:center;max-width:30ch;margin:15px auto;font-size:clamp(1.2rem,3.5vw,1.8rem)}.reading-sample{text-align:center;margin:50px 0}.size-options{gap:15px;display:flex}.adult-screen .screen{min-height:calc(100svh - 64px)}.form{flex-direction:column;gap:24px;width:min(100%,520px);margin:20px auto;display:flex}.form p{color:var(--muted);margin:0}label{flex-direction:column;gap:8px;font-size:1.05rem;font-weight:600;display:flex}input,select{border:2px solid var(--line);width:100%;max-width:100%;min-height:50px;color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px;font-size:1.1rem;font-weight:400}.form>.button{margin:10px 0}.small{color:var(--muted);line-height:1.55;font-size:.95rem!important}.adult-copy{max-width:60ch;margin:10px auto 30px;font-size:1.05rem}.menu,.stack{flex-direction:column;gap:22px;width:min(100%,480px);margin:20px auto;display:flex}.menu>.button{font-size:1.3rem}.learner-list{flex-direction:column;gap:15px;width:100%;max-width:520px;margin:0 auto 25px;display:flex}.progress-summary{width:min(100%,520px);margin:30px auto;font-size:1.15rem}.progress-summary strong{font-size:1.4rem;display:block}.search-label{width:100%;max-width:520px;margin:auto}.word-list{border:1px solid var(--line);border-radius:16px;flex-direction:column;width:100%;max-width:620px;max-height:54svh;margin:24px auto;display:flex;overflow:auto}.word-row{cursor:pointer;border-bottom:1px solid #e9edf5;grid-template-columns:28px minmax(70px,1fr) minmax(110px,1fr);align-items:center;gap:12px;padding:15px 12px;display:grid}.word-row input{width:24px;height:24px;min-height:24px;accent-color:var(--blue)}.word-row small{color:var(--muted);margin-top:4px;font-size:.8rem;font-weight:400;display:block}.word-evidence{text-align:right}.delete-form{border-top:1px solid var(--line);margin-top:30px;padding-top:35px}.delete-form>.button{background:#963843;border-color:#74222b;box-shadow:0 5px #74222b}.notice{text-align:center;background:#fff7df;border:2px solid #bd7b12;border-radius:12px;flex-direction:column;align-items:center;gap:8px;margin:0 0 20px;padding:12px;font-size:1rem;line-height:1.5;display:flex}.notice button{color:#64410a;background:0 0;border:0;min-height:40px;font-weight:700;text-decoration:underline}.save-status{z-index:20;background:var(--ink);color:#fff;border-radius:20px;padding:8px 20px;font-size:.95rem;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.loading{flex:1;justify-content:center;min-height:65svh}.loading .animal{width:130px}.spinner{border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:25px;height:25px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){.screen{border-radius:27px;min-height:calc(100svh - 24px);padding-top:40px}.adult-screen .screen{min-height:calc(100svh - 24px)}.home{gap:14px}.home h1{font-size:1.8rem}.buddy-halo{margin:22px auto}.listen-row{margin:5px 0 12px}.button{border-radius:17px;min-height:56px}.answer-line{min-height:78px;margin:12px 0 18px;padding:8px 0 10px}.letter-key{border-radius:11px}.key-count{width:17px;height:17px;font-size:.65rem;top:1px;right:1px}.bottom-action{padding-top:26px}.spelling-screen .bottom-action{padding-top:25px}.prize-grid{gap:8px}.animal-card{border-radius:18px;padding:12px 3px}.animal-card.selected{padding:10px 1px}.animal-card .animal{height:145px}.prize-grid .animal-card .animal{height:125px}.animal-card strong{font-size:1rem}.selected-dot{width:20px;height:20px;font-size:9px;top:5px;right:5px}.sound-choices .choice{min-height:115px}.word-row{grid-template-columns:25px minmax(65px,.8fr) minmax(105px,1.2fr);gap:7px;padding:12px 8px}.word-row small{font-size:.72rem}.round-button{width:42px;height:42px;padding:9px;top:4px;left:4px}.suffix-section{margin-top:19px}.suffix-key{font-size:1.18rem}.form{gap:20px}}@media (max-width:380px){.keypad{grid-template-columns:repeat(5,minmax(0,1fr))}.keypad .letter-key{min-height:48px}.screen{padding-left:12px;padding-right:12px}.suffix-pad{gap:5px}.suffix-key{font-size:1.05rem}.home h1{font-size:1.65rem}.prize-grid .animal-card .animal{height:100px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}