:root{--bg: #FFF3D9;--paper: #FBF7EF;--ink: #1C1B19;--muted: #5A544B;--line: #E4DCCB;--line-2: #D8CFBD;--card-line: #ECE4D4;--brand: #6A45C9;--brand-dark: #4A2E99;--blue: #2457C5;--blue-dark: #163A8A;--green: #2E8B57;--green-ink: #1F5C3A;--green-soft: #8CC7A1;--amber: #B7790A;--amber-soft: #FDEBC4;--coral: #E07A62;--danger: #B4442C;--gold: #E8B23A;--gold-dark: #C9962A;--font: "Andika", "Andika New Basic", "Comic Sans MS", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen{height:100dvh;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:24px 36px 0;position:relative;overflow:hidden}body:not(.signed-in) .screen{visibility:hidden}.confetti-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-bg span{position:absolute;font-size:34px;line-height:1;opacity:.16}.top{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px;flex:none}.logo{display:flex;align-items:center;gap:12px;width:280px}.logo-mark{position:relative;width:66px;height:56px;display:block;flex:none}.logo-mark svg{position:absolute;left:0;bottom:0}.logo-mark .face{position:absolute;left:50%;top:-4px;transform:translate(-50%);font-size:30px;line-height:1}.logo-name{display:flex;gap:7px;font-size:30px;font-weight:700;line-height:1;white-space:nowrap}.logo-name .who{color:var(--ink)}.logo-name .read{color:var(--brand)}.topright{display:flex;align-items:center;justify-content:flex-end;gap:14px;width:280px}.reader-tile{width:52px;height:52px;border-radius:15px;border:0;background:var(--brand);box-shadow:inset 0 -4px #0000002e;display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px;flex:none;font-size:27px;font-weight:700;letter-spacing:-.06em;color:var(--paper)}.reader-tile[hidden]{display:none}.reader-tile.big{width:88px;height:88px;border-radius:24px;font-size:44px;box-shadow:inset 0 -6px #0000002e}.reader-tile.plus{background:#fff;color:var(--muted);box-shadow:inset 0 0 0 2px var(--line)}.dots{display:flex;gap:10px;align-items:center}.dots span{width:18px;height:18px;border-radius:50%;background:var(--line);transition:background .3s,transform .3s}.dots span.on{background:var(--green)}.dots span.pop{transform:scale(1.4)}.coins{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:64px}.coins b{font-size:30px;min-width:24px;text-align:right}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding-bottom:8px}.countdown{display:flex;gap:10px;height:22px;align-items:center;opacity:0;transition:opacity .4s}.countdown.show{opacity:1}.countdown span{width:18px;height:18px;border-radius:50%;background:#cfe0fa;border:2px solid #9DBDF0;box-shadow:inset -3px -3px #2457c51f;position:relative;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .35s}.countdown span:after{content:"";position:absolute;top:3px;left:4px;width:5px;height:5px;border-radius:50%;background:#fff}.countdown span.pop{transform:scale(0);opacity:0;transition:transform .25s ease-in,opacity .25s}.sentence{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;column-gap:26px;row-gap:28px;font-size:clamp(40px,6.6vw,68px);line-height:1.15;max-width:960px}.word{--bg: transparent;--fg: var(--ink);--ring: transparent;--ul: transparent;--ls: solid;--mk: #B3AA9A;position:relative;display:inline-flex;align-items:flex-end;padding:6px 14px 4px;border-radius:18px;background:var(--bg);color:var(--fg);border:3px solid var(--ring);border-bottom:6px var(--ls) var(--ul);transition:background .25s,color .25s,border-color .25s,opacity .3s,transform .3s;touch-action:manipulation}.word.read{--fg: var(--green-ink);--ul: var(--green-soft);--mk: var(--green-soft)}.word.current{--bg: #E8EFFC;--ul: var(--blue);--mk: var(--blue);font-weight:700}.word.trying{--bg: var(--amber-soft);--ul: var(--amber);--ls: dashed;--mk: var(--amber);font-weight:700}.word.help{--ring: var(--coral);--ul: var(--coral);--mk: #D0644B;font-weight:700}.word.missed{--fg: var(--muted);--ul: #C9BFAE;--ls: dotted;--mk: #C9BFAE}.word.helped{--fg: var(--green-ink);--ul: var(--green-soft);--mk: var(--green-soft);font-weight:700}.word.current{animation:glow 1.8s ease-in-out infinite}@keyframes glow{50%{border-bottom-color:#6e92e0}}.sentence.dim .word:not(.focus){opacity:.3}.word.focus{transform:scale(1.1);z-index:1}.trail{padding-bottom:22px}.g{display:inline-flex;flex-direction:column;align-items:center;gap:4px;border-radius:10px;position:relative;transition:background .15s}.g .m{height:12px;width:100%;display:flex;align-items:center;justify-content:center}.g .m i{display:block}.marks .g.single .m i{width:11px;height:11px;border-radius:50%;background:var(--mk)}.marks .g.friend .m i{width:calc(100% - 8px);height:6px;border-radius:3px;background:var(--mk)}.marks .g.split .m i{width:11px;height:11px;border-radius:50%;border:3px solid var(--mk)}.word.split .g{margin:0 .09em;transition:margin .3s}.g.lit{background:var(--amber-soft);box-shadow:0 0 0 4px var(--amber-soft)}.ring .g.tricky:after{content:"";position:absolute;top:0;right:-5px;bottom:14px;left:-5px;border:3px dashed var(--coral);border-radius:14px}.bridge{position:absolute;left:0;bottom:0;pointer-events:none;overflow:visible}.badge{position:absolute;top:-18px;right:-14px;width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.bottom{position:relative;height:128px;display:flex;align-items:flex-end;justify-content:center;flex:none}.icon-btn{width:56px;height:56px;border-radius:16px;border:2px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;padding:0}.icon-btn:active{transform:translateY(2px)}.bottom .left{position:absolute;left:0;bottom:32px}.bottom .right{position:absolute;right:0;bottom:32px;display:flex;gap:12px}.mic{position:relative;margin-bottom:28px;width:300px;height:96px;padding:8px;border-radius:48px;background:#fff;box-shadow:inset 0 5px #1c1b191a}.mic .thumb{position:absolute;top:8px;left:150px;width:142px;height:74px;border-radius:38px;background:var(--blue);box-shadow:0 6px 0 var(--blue-dark);transition:left .22s ease,background .22s ease}.mic.off .thumb{left:8px;background:#fff;box-shadow:0 6px #c9bfae}.mic .btns{position:relative;display:grid;grid-template-columns:1fr 1fr;height:80px}.mic button{height:74px;border:0;border-radius:38px;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px}.mic .bars{display:flex;align-items:center;gap:4px;height:32px}.mic .bars span{width:6px;border-radius:3px;background:#fff;transition:height .1s}.mic.off .bars{display:none}.mic .talking{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:38px;background:#2b6a47;box-shadow:0 6px 0 var(--green-ink);display:none;align-items:center;justify-content:center}.mic.audio .talking{display:flex}.status{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:14px;color:var(--muted);white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1b1973;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.overlay[hidden]{display:none}.dialog{background:var(--paper);border-radius:28px;padding:28px 32px 32px;box-shadow:0 24px 60px #1c1b194d;display:flex;flex-direction:column;gap:18px;max-height:calc(100dvh - 32px);overflow:auto}.start{align-items:center;text-align:center;width:460px;gap:14px;padding:22px 28px}.start h1{margin:0;font-size:34px;color:var(--brand);line-height:1.1}.start-ov{background:transparent}.start-ov .dialog{box-shadow:0 18px 50px #3c1e002e}.big-logo{display:flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 2px}.big-mark{position:relative;width:200px;height:168px;display:block;flex:none}.big-mark svg{position:absolute;left:0;bottom:0}.big-mark span{position:absolute;line-height:1}.big-word{display:flex;flex-direction:column;gap:2px;font-size:60px;font-weight:700;line-height:1;letter-spacing:-1px;text-align:left}.big-word .read{color:var(--brand)}.who-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.who-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:124px;padding:14px 18px 12px;border-radius:22px;background:#fff;border:2px solid var(--line);box-shadow:0 4px 0 var(--line);font-size:20px;font-weight:700}.who-tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.who-tile .reader-tile{width:64px;height:64px;border-radius:18px;font-size:32px}.name-form{display:flex;flex-direction:column;gap:12px;width:100%}.name-in{height:64px;font-size:30px;text-align:center;border-radius:16px;-webkit-user-select:text;user-select:text}.back-link{align-self:flex-start;border:0;background:none;padding:10px 0;font-size:18px;font-weight:700;color:var(--muted)}.start .logo{width:auto}.big-btn{height:84px;width:100%;border:0;border-radius:42px;background:var(--blue);color:#fff;font-size:30px;font-weight:700;box-shadow:0 6px 0 var(--blue-dark)}.big-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--blue-dark)}.note{font-size:16px;color:var(--muted);margin:0}.note.big{font-size:22px;color:var(--ink)}.code-dots{display:flex;gap:14px}.code-dots span{width:50px;height:50px;border-radius:50%;border:3px dashed var(--line-2);display:flex;align-items:center;justify-content:center;font-size:32px;background:#fff}.code-dots span.on{border:3px solid var(--blue);animation:pop .3s ease-out}.start.bad .code-dots{animation:wiggle .4s}@keyframes wiggle{25%{transform:translate(-10px)}75%{transform:translate(10px)}}.emoji-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.emoji-keys button{height:68px;border-radius:22px;background:#fff;border:2px solid var(--line);font-size:44px;line-height:1;box-shadow:0 4px 0 var(--line)}.emoji-keys button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.emoji-keys button.text{background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:center}.err{font-size:16px;font-weight:700;color:var(--danger);margin:0;min-height:20px}.pin{width:400px;align-items:center}.pin h2{margin:0;font-size:26px}.pin .pin-dots{display:flex;gap:14px}.pin .pin-dots span{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ink)}.pin .pin-dots span.on{background:var(--ink)}.pin.bad .pin-dots span{border-color:var(--danger)}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.keys button{height:60px;border-radius:14px;font-weight:700;font-size:26px;background:#fff;border:2px solid var(--line)}.keys button.text{background:transparent;border:0;font-size:17px;color:var(--muted)}.settings{width:900px;gap:22px}.settings header{display:flex;align-items:center;justify-content:space-between}.settings header>div{display:flex;align-items:center;gap:14px}.settings h2{margin:0;font-size:32px}.settings .sep{width:2px;height:28px;background:var(--line)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{background:#fff;border:2px solid var(--card-line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:20px}.card h3{margin:0;font-size:22px}.field{display:flex;flex-direction:column;gap:8px}.field>.label{font-size:17px;font-weight:700}.field>.hint{font-size:15px;color:var(--muted)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seg button{height:48px;border-radius:12px;font-size:17px;font-weight:700;background:#fff;border:2px solid var(--line-2)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.text-in{height:48px;border-radius:12px;border:2px solid var(--line-2);background:#fff;padding:0 14px;font-family:inherit;font-size:18px;color:var(--ink)}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:48px;height:48px;border-radius:12px;border:2px solid var(--line-2);background:#fff;font-size:26px;font-weight:700}.stepper b{min-width:44px;text-align:center;font-size:28px}.prog{display:flex;align-items:center;gap:14px;background:#fbf4e2;border-radius:16px;padding:14px 16px}.prog div{display:flex;flex-direction:column;gap:2px}.prog .hint{font-size:15px;color:var(--muted)}.danger-btn{height:48px;border-radius:12px;border:2px solid var(--danger);background:#fff;color:var(--danger);font-size:17px;font-weight:700}.plain-btn{height:48px;border-radius:12px;border:2px solid var(--line-2);background:#fff;font-size:17px;font-weight:700;padding:0 16px}.solid-danger{height:48px;border-radius:12px;border:0;background:var(--danger);color:#fff;font-size:17px;font-weight:700}.confirm{display:flex;flex-direction:column;gap:10px;border:2px solid var(--danger);border-radius:14px;padding:12px 14px}.confirm .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline{display:flex;gap:10px}.inline .text-in{width:120px;letter-spacing:.3em}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;color:var(--muted)}.celebrate{background:transparent;box-shadow:none;align-items:center;pointer-events:none}.celebrate .burst{animation:pop .5s ease-out}.celebrate p.small{font-size:28px}.celebrate p{margin:0;text-align:center;font-size:44px;font-weight:700;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.25)}.overlay.soft{background:#1c1b1940;pointer-events:none}@media(max-width:960px){.screen{padding:16px 16px 0}.logo,.topright{width:auto}.logo-name{font-size:22px}.dots{gap:6px}.dots span{width:12px;height:12px}.cols{grid-template-columns:1fr}.settings,.start,.pin{width:100%}.mic{width:220px;height:80px}.mic .thumb{left:110px;width:102px;height:58px}.mic.off .thumb{left:8px}.mic .btns{height:64px}.mic button{height:58px}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}.recorder{width:640px;gap:16px}.recorder header{display:flex;justify-content:space-between;align-items:center}.recorder h2{margin:0;font-size:28px}.rec-card{display:flex;gap:24px;align-items:center;background:#fff;border:2px solid var(--card-line);border-radius:20px;padding:20px 24px}.rec-g{font-size:96px;font-weight:700;min-width:150px;text-align:center;line-height:1}.rec-meta{display:flex;flex-direction:column;gap:8px;font-size:18px}.rec-ex b{color:var(--brand)}.rec-hint{color:var(--muted)}.rec-state{font-size:15px;color:var(--amber);font-weight:700}.rec-state.ok{color:var(--green-ink)}.rec-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rec-btn{width:auto;height:64px;font-size:24px;padding:0 28px;flex:1}.rec-btn.on{background:var(--danger);box-shadow:0 6px #7f2c1c}.solid-ok{height:48px;border-radius:12px;border:0;background:var(--green);color:#fff;font-size:17px;font-weight:700;padding:0 20px}.rec-nav{display:flex;gap:10px;align-items:center}.rec-nav select{flex:1}.rec-nav button:disabled{opacity:.4}.switch{display:flex;align-items:center;gap:10px;font-size:17px}.switch input{width:24px;height:24px;accent-color:var(--blue)}@media(prefers-reduced-motion:no-preference){.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:var(--paper);pointer-events:none}.intro-logo{display:flex;align-items:center}.intro .logo{width:auto;zoom:2.6}.intro .read i{font-style:normal;display:inline-block;animation:letter .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(.45s + var(--i) * 90ms)}@keyframes letter{0%{transform:translateY(40px) scale(.4);opacity:0}to{transform:none;opacity:1}}.big-mark span:nth-of-type(2){animation:bob 2.6s ease-in-out infinite}.big-mark span:nth-of-type(1),.big-mark span:nth-of-type(3){animation:float 3.4s ease-in-out infinite}@keyframes float{50%{translate:0 -5px}}@keyframes bob{50%{transform:translateY(-6px) rotate(-3deg)}}.emoji-keys button{animation:keyin .45s cubic-bezier(.3,1.5,.5,1) both}.emoji-keys button:nth-child(1){animation-delay:.05s}.emoji-keys button:nth-child(2){animation-delay:.1s}.emoji-keys button:nth-child(3){animation-delay:.15s}.emoji-keys button:nth-child(4){animation-delay:.2s}.emoji-keys button:nth-child(5){animation-delay:.25s}.emoji-keys button:nth-child(6){animation-delay:.3s}.emoji-keys button:nth-child(7){animation-delay:.35s}.emoji-keys button:nth-child(8){animation-delay:.4s}.emoji-keys button:nth-child(9){animation-delay:.45s}.emoji-keys button:nth-child(11){animation-delay:.5s}.emoji-keys button:nth-child(12){animation-delay:.55s}@keyframes keyin{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}.overlay:not([hidden]){animation:fadein .25s ease-out}.overlay:not([hidden])>.dialog:not(.celebrate){animation:dialogin .32s cubic-bezier(.3,1.3,.5,1)}@keyframes fadein{0%{opacity:0}}@keyframes dialogin{0%{transform:translateY(16px) scale(.96);opacity:0}}.word.enter{animation:rise .5s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(var(--i) * 80ms)}@keyframes rise{0%{transform:translateY(26px) scale(.9);opacity:0}}.celebrate .burst{animation:burst .7s cubic-bezier(.3,1.6,.5,1) both}.celebrate p{animation:rise .5s .25s cubic-bezier(.3,1.4,.5,1) both}@keyframes burst{0%{transform:scale(0) rotate(-120deg)}70%{transform:scale(1.15) rotate(8deg)}to{transform:none}}#fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden}.spark{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--gold);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);animation:spark .8s ease-out forwards}@keyframes spark{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(160deg);opacity:0}}.confetti{position:absolute;width:12px;height:8px;border-radius:2px;animation:confetti 1.6s cubic-bezier(.2,.6,.4,1) forwards}@keyframes confetti{0%{transform:translate(0) rotate(0);opacity:1}40%{transform:translate(var(--dx),var(--dy)) rotate(calc(var(--rot) * .5));opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + var(--fall))) rotate(var(--rot));opacity:0}}}#fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.net{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;background:#1c1b19;color:var(--paper);border-radius:999px;padding:12px 22px;font-size:18px;box-shadow:0 8px 24px #0003}.net[hidden]{display:none}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(251,247,239,.3);border-top-color:var(--paper);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--teal: #0F8B8D;--teal-dark: #0A6668;--green-tint: #DDF0E4}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.subjects{display:flex;gap:12px}.subj{height:56px;padding:0 22px;border-radius:18px;font-size:20px;font-weight:700;background:#fff;border:3px solid var(--c);color:var(--cd)}.subj.read{--c: var(--brand);--cd: var(--brand-dark)}.subj.spell{--c: var(--teal);--cd: var(--teal-dark)}.subj[aria-selected=true]{background:var(--c);color:#fff;box-shadow:0 5px 0 var(--cd)}.modes{display:flex;padding:5px;border-radius:30px;background:#fff;border:2px solid var(--line);flex:none}.modes button{height:46px;padding:0 22px;border-radius:23px;border:0;background:transparent;font-size:19px;font-weight:700;color:var(--muted)}.modes button[aria-selected=true]{background:var(--brand);color:#fff}.subject-spell .modes button[aria-selected=true]{background:var(--teal)}.sentence[hidden],.countdown[hidden],.shelf-wrap[hidden]{display:none}.shelf-wrap{--k: 1;flex:1;align-self:stretch;margin:0 -36px;display:flex;flex-direction:column;justify-content:center;min-height:0}.shelf{height:calc(var(--k) * 420px);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;display:flex;align-items:flex-end;padding:0 48px 0 36px;flex:none}.shelf::-webkit-scrollbar{display:none}.sgroup{flex:none;display:flex;align-items:flex-end}.scol{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.glabel,.nlabel{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:16px;background:#fff;font-size:16px;font-weight:700;white-space:nowrap;color:var(--muted)}.nlabel{background:#ffc93c;color:#5c3f00}.spines{display:flex;align-items:flex-end;gap:5px}.spine{flex:none;position:relative;border:0;padding:calc(var(--k) * 12px) 0 0;border-radius:7px 7px 2px 2px;height:calc(var(--k) * var(--h) * 1px);width:max(34px,calc(var(--k) * var(--w) * 1px));display:flex;flex-direction:column;align-items:center;gap:calc(var(--k) * 10px);box-shadow:inset -5px 0 #00000029,inset 4px 0 #ffffff24;transition:transform .2s ease}.spine:hover,.spine:focus-visible{transform:translateY(-16px);outline:none}.spine:focus-visible{box-shadow:0 0 0 4px var(--blue)}.spine .em{font-size:calc(var(--k) * 24px);line-height:1}.spine .band{width:100%;height:5px;background:var(--gold);flex:none}.spine .band.low{margin-bottom:calc(var(--k) * 14px)}.spine .st{writing-mode:vertical-rl;transform:rotate(180deg);font-size:max(12px,calc(var(--k) * 16px));font-weight:700;color:#fff8ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-height:0}.bookend{flex:none;width:18px;height:calc(var(--k) * 120px);margin:0 22px 0 10px;border-radius:10px 10px 0 0;background:#9c6a3e;box-shadow:inset -4px 0 #00000029}.newcol{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.covers{display:flex;align-items:flex-end;gap:calc(var(--k) * 44px)}.bob{flex:none}.cover{position:relative;width:calc(var(--k) * 224px);height:calc(var(--k) * 292px);border:0;padding:0;border-radius:6px 18px 18px 6px;display:flex;flex-direction:column;align-items:center;overflow:visible;background:var(--c);box-shadow:0 8px #3c1e0024,0 16px 26px #3c1e002e;transition:transform .22s ease,box-shadow .22s ease}.cover:hover,.cover:focus-visible{transform:translateY(-16px) rotate(-2.5deg);box-shadow:0 12px #3c1e0024,0 30px 40px #3c1e0042;outline:none}.cover:focus-visible{box-shadow:0 0 0 5px var(--paper),0 0 0 9px var(--blue)}.cover .cs{position:absolute;left:0;top:0;bottom:0;width:calc(var(--k) * 22px);border-radius:6px 0 0 6px;background:var(--d)}.cover .cl{position:absolute;left:calc(var(--k) * 22px);top:0;bottom:0;width:3px;background:#ffffff59}.cover .em{display:block;margin:calc(var(--k) * 40px) 0 0 calc(var(--k) * 18px);font-size:calc(var(--k) * 104px);line-height:1}.cover .ct{margin:auto calc(var(--k) * 30px) calc(var(--k) * 34px) calc(var(--k) * 44px);padding:calc(var(--k) * 10px) 12px;border-radius:12px;background:#fff8ea;font-size:max(15px,calc(var(--k) * 21px));font-weight:700;line-height:1.15;text-align:center;align-self:stretch}.cover .new{position:absolute;top:-14px;right:-16px;width:62px;height:62px;border-radius:50%;background:#ffc93c;box-shadow:0 4px #d99a12;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#5c3f00;transform:rotate(12deg)}.cover .mark{position:absolute;top:-6px;right:calc(var(--k) * 26px);width:34px;height:48px;padding-top:10px;background:var(--coral);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);color:#fff;font-size:17px;font-weight:700;text-align:center}.soon{max-width:260px}.away{visibility:hidden}.board{height:32px;display:flex;flex-direction:column;box-shadow:0 14px 22px #3c1e0033;flex:none}.board span:first-child{height:12px;background:#c9935c}.board span:last-child{height:20px;background:#9a6438}@media(prefers-reduced-motion:no-preference){.bob{animation:er-bob 3.2s ease-in-out infinite}.cover .new{animation:er-twinkle 2.4s ease-in-out infinite}.cover:hover .em{animation:er-wiggle .6s ease-in-out}@keyframes er-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes er-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg) scale(1.08)}75%{transform:rotate(8deg) scale(1.08)}}@keyframes er-twinkle{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(12deg) scale(1.12)}}}@property --k{syntax: "<number>"; inherits: true; initial-value: 1;}@property --kw{syntax: "<number>"; inherits: true; initial-value: 2.5;}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8}.reader[hidden]{display:none}.reader .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1b198c}.rbox{--k: 1;position:absolute;perspective:2200px}.rpage{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffdf7;border-radius:10px 24px 24px 10px;overflow:hidden;box-shadow:inset 14px 0 18px -12px #3c1e0040,0 30px 60px #1c1b1959;padding:calc(var(--k) * 40px) calc(var(--k) * 40px) calc(var(--k) * 34px);display:flex;flex-direction:column;align-items:center;gap:calc(var(--k) * 30px)}.pic{align-self:stretch;flex:none;height:calc(var(--k) * 330px);border-radius:calc(var(--k) * 26px);background:#eeece8;border:calc(var(--k) * 10px) solid #D7D3CB;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding-bottom:calc(var(--k) * 46px)}.pic .main{font-size:calc(var(--k) * 150px);line-height:1}.rpage.long .pic{height:calc(var(--k) * 190px);padding-bottom:calc(var(--k) * 22px)}.rpage.long .pic .main{font-size:calc(var(--k) * 100px)}.rpage.long .pic .extra{font-size:calc(var(--k) * 60px)}.rpage.long{gap:calc(var(--k) * 18px)}.pic .extra{font-size:calc(var(--k) * 88px);line-height:1;margin-bottom:calc(var(--k) * 10px)}.rwords{flex:1;min-height:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.rwords .sentence{font-size:calc(var(--k) * var(--fs, 50) * 1px);column-gap:calc(var(--k) * 14px);row-gap:calc(var(--k) * 10px);max-width:100%}.rwords .word{padding:2px calc(var(--k) * var(--fs, 50) * .16px) 0;border-radius:12px}.rwords .countdown span{width:14px;height:14px}.pdots{display:flex;gap:8px;flex:none}.pdots span{width:12px;height:12px;border-radius:50%;background:var(--line)}.pdots span.done{background:#b9a6ea}.pdots span.on{background:var(--brand)}.rclose{position:absolute;top:14px;right:14px;width:52px;height:52px}.rcover{--u: calc(min(var(--k) * 720 / 292, var(--kw))*1px) ;position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;border-radius:calc(var(--u) * 6) calc(var(--u) * 18) calc(var(--u) * 18) calc(var(--u) * 6);overflow:hidden;pointer-events:none;box-shadow:0 20px 40px #1c1b194d;display:flex;flex-direction:column;align-items:center;background:var(--c)}.rcover .sp{position:absolute;left:0;top:0;bottom:0;width:calc(var(--u) * 22);background:var(--d)}.rcover .sh{position:absolute;left:calc(var(--u) * 22);top:0;bottom:0;width:calc(var(--u) * 3);background:#ffffff59}.rcover .em{display:block;margin:calc(var(--u) * 40) 0 0 calc(var(--u) * 18);font-size:calc(var(--u) * 104);line-height:1}.rcover .ttl{margin:auto calc(var(--u) * 30) calc(var(--u) * 34) calc(var(--u) * 44);padding:calc(var(--u) * 10) calc(var(--u) * 12);border-radius:calc(var(--u) * 12);background:#fff8ea;font-size:calc(var(--u) * 21);font-weight:700;line-height:1.15;text-align:center;align-self:stretch}body.in-book .bottom{z-index:9}body.in-book .status{color:var(--paper)}@media(max-height:760px){.big-mark{zoom:.7}.big-word{font-size:46px}.start{gap:10px}.who-tile .reader-tile{width:52px;height:52px;font-size:26px}}.tomorrow{width:calc(var(--k) * 300px);min-height:calc(var(--k) * 292px);box-sizing:border-box;padding:24px 22px;border-radius:22px;background:#2b2560;color:#fff8ea;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;box-shadow:0 8px #3c1e0024,0 16px 26px #3c1e002e}.tomorrow .moon{font-size:calc(var(--k) * 84px);line-height:1}.tomorrow b{font-size:max(18px,calc(var(--k) * 24px));line-height:1.2}.tomorrow span:last-child{font-size:15px;opacity:.8}@media(prefers-reduced-motion:no-preference){.tomorrow .moon{animation:er-bob 3.2s ease-in-out infinite}}.spell{flex:1;align-self:stretch;display:flex;flex-direction:column;align-items:center;min-height:0}.spell[hidden]{display:none}.help-btn{display:none;height:56px;padding:0 20px;border-radius:18px;border:3px solid var(--coral);background:#fff3ef;color:#a2412b;font-size:20px;font-weight:700;box-shadow:0 4px #f2c3b5}body.in-spell .mic,body.in-spell #repeat,body.in-spell .status{display:none}body.in-spell.sp-can-help .help-btn{display:inline-flex;align-items:center;gap:6px}.sp-head{display:flex;justify-content:center;margin:4px 0 6px}.sp-round{display:flex;gap:10px}.sp-round span{width:34px;height:34px;border-radius:50%;border:2px dashed #C9BFAE;display:flex;align-items:center;justify-content:center;font-size:18px}.sp-round span.now{border:3px solid var(--teal);background:#fff}.sp-round span.star{border:2px solid var(--gold);background:#fff6d8}.sp-round span.soft{border:2px solid #E4DCCB;background:#fff}.sp-body{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;min-height:0}.sp-pic{display:flex;flex-direction:column;align-items:center;gap:12px}.sp-card{width:220px;height:220px;border-radius:32px;background:#fff;box-shadow:0 8px #eadfc9,0 18px 30px #3c1e001f;display:flex;align-items:center;justify-content:center;font-size:140px;line-height:1}.sp-hear{width:60px;height:60px;border-radius:50%;border:0;background:var(--teal);box-shadow:0 5px 0 var(--teal-dark);display:flex;align-items:center;justify-content:center}.sp-boxes{display:flex;align-items:center;gap:14px}.sp-box{width:112px;height:112px;border-radius:22px;padding:0;font-size:46px;font-weight:700;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#ffffff8c;border:4px dashed #C9BFAE}.sp-box.next{background:#fff;border:4px solid var(--teal)}.sp-box.right{background:var(--green-tint);border:4px solid var(--green);color:var(--green-ink)}.sp-box.neutral{background:#fff;border:4px solid #C9BFAE}.sp-box.given{background:#fbf4e2;border:4px solid #E4DCCB}.sp-box.ghost{background:#fff;border:4px dashed #8A8378}.sp-box.goodtry{background:#fff;border:4px solid var(--teal);color:var(--teal-dark)}.sp-box.bounce{background:#e8f5f5;border:4px solid var(--teal)}.sp-box i,.sp-tile i{display:block}.sp-box i.dot,.sp-tile i.dot{width:9px;height:9px;border-radius:50%;background:var(--teal)}.sp-box i.bar,.sp-tile i.bar{width:40px;height:5px;border-radius:3px;background:var(--teal)}.sp-box.right i{background:var(--green)}.sp-hand{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:46px;margin-right:6px}.sp-fingers{display:flex;gap:4px}.sp-fingers i{width:10px;height:10px;border-radius:50%;background:#e4dccb}.sp-fingers i.on{background:var(--teal)}.sp-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:440px}.sp-tile{width:88px;height:88px;border-radius:18px;padding:0;font-size:38px;font-weight:700;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#fff;border:3px solid #E4DCCB;box-shadow:0 5px #e4dccb}.sp-tile:active{transform:translateY(3px);box-shadow:0 2px #e4dccb}.sp-tile.used{background:transparent;color:transparent;border:3px dashed #D8CFBD;box-shadow:none;pointer-events:none}.sp-tile.used i{display:none}.sp-tile.glow{border-color:var(--teal);box-shadow:0 0 0 7px #0f8b8d38,0 5px 0 var(--teal-dark)}.sp-tile.dim{opacity:.35;box-shadow:none}.sp-tile.set{border-color:#c9bfae;box-shadow:0 5px #c9bfae}.sp-tile.placed{border-color:var(--green);background:var(--green-tint);box-shadow:0 5px 0 var(--green);color:var(--green-ink)}.sp-tile.ghost{border:3px dashed #8A8378}.sp-tile.goodtry{border-color:var(--teal);color:var(--teal-dark)}.sp-line{min-height:108px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:4px solid #C9BFAE;min-width:320px;justify-content:center}.sp-caret{width:4px;height:70px;border-radius:2px;background:var(--teal)}.sp-cards{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.sp-choice{min-width:190px;height:104px;padding:0 24px;border-radius:22px;font-size:48px;font-weight:700;background:#fff;color:var(--ink);border:3px solid #E4DCCB;box-shadow:0 6px #e4dccb}.sp-big{position:relative;font-size:104px;font-weight:700;color:var(--green-ink);line-height:1.1}.sp-big.arrows{color:var(--teal-dark)}.sp-big i{font-style:normal;font-size:60px;color:var(--teal);margin:0 18px;vertical-align:middle}.sp-star{position:absolute;top:-14px;right:-38px;font-size:44px}.sp-good{background:#fff;border-radius:22px;padding:14px 22px;box-shadow:0 6px 18px #3c1e001a;display:flex;flex-direction:column;align-items:center;gap:8px}.sp-good .row{display:flex;gap:6px;font-size:40px;font-weight:700}.sp-good .row span{padding:0 6px;border-radius:10px}.sp-good .row.book span.hl{background:#ddf1f0;box-shadow:inset 0 -6px 0 var(--teal);color:var(--teal-dark)}.sp-good .lab{font-size:18px;color:var(--muted);font-weight:700}.sp-red{display:flex;font-size:110px;font-weight:700;letter-spacing:2px}.sp-red span.tricky{color:#a2412b;border:5px dashed var(--coral);border-radius:22px;padding:0 8px}.sp-ready{height:64px;padding:0 26px;border-radius:32px;border:0;background:var(--teal);color:#fff;font-size:24px;font-weight:700;box-shadow:0 5px 0 var(--teal-dark)}.sp-cover{font-size:64px;line-height:1}.sp-skip{height:52px;padding:0 22px;border-radius:26px;border:2px solid #E4DCCB;background:#ffffffbf;color:var(--muted);font-size:19px;font-weight:700}.sp-done,.sp-sheet{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;background:#fff;border-radius:32px;padding:30px 36px;box-shadow:0 18px 40px #3c1e001f;max-width:680px;margin:auto}.sp-done .burst{font-size:110px;line-height:1}.sp-done h2,.sp-sheet h2{margin:0;font-size:36px}.sp-done p{margin:0;font-size:22px;color:var(--muted)}.sp-done .big-btn,.sp-sheet .big-btn{width:auto;padding:0 34px;background:var(--teal);box-shadow:0 6px 0 var(--teal-dark)}.sp-stickers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 26px}.sp-sticker{display:flex;flex-direction:column;align-items:center;gap:8px}.sp-sticker .disc{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;transform:rotate(var(--r))}.sp-sticker.gold .disc{background:#f5c451;border:5px solid #fff;box-shadow:0 0 0 3px var(--gold),0 5px 0 3px var(--gold-dark)}.sp-sticker.silver .disc{background:#dadfe6;border:5px solid #fff;box-shadow:0 0 0 3px #aeb6c2,0 5px 0 3px #98a1ae;filter:grayscale(1)}.sp-sticker.outline .disc{border:4px dashed #C9BFAE}.sp-sticker b{font-size:26px}.sp-pebble{display:flex;flex-direction:column;align-items:center;gap:4px}.sp-pebble .who{font-size:100px;line-height:1}.sp-pebble .name{background:var(--brand);color:#fff;font-weight:700;padding:4px 12px;border-radius:12px}.sp-line.toy .sp-tile{width:76px;height:76px;font-size:34px}.sp-toyrow{display:flex;align-items:center;gap:22px;min-height:130px}.sp-toybox{position:relative;font-size:110px;line-height:1}.sp-toybox.open{transform:rotate(-8deg)}.sp-toybox .found{position:absolute;left:50%;top:-70px;transform:translate(-50%);font-size:90px}.sp-ask{display:flex;align-items:center;gap:12px;background:#fff;border-radius:22px;padding:12px 16px;box-shadow:0 6px 18px #3c1e001a}.sp-ask b{font-size:34px}.sp-ask .puzzle{font-size:54px}.sp-yes,.sp-no{height:60px;padding:0 22px;border-radius:18px;font-size:22px;font-weight:700}.sp-yes{border:0;background:var(--teal);color:#fff;box-shadow:0 5px 0 var(--teal-dark)}.sp-no{border:2px solid #E4DCCB;background:#fff;color:var(--muted)}.sp-toyacts{display:flex;gap:14px}.spell .sp-tray:has(+.sp-toyacts){max-width:820px}.spell .sp-tray:has(+.sp-toyacts) .sp-tile{width:72px;height:72px;font-size:30px}.sp-toyshelf{display:flex;gap:10px;padding:8px 14px 6px;border-bottom:10px solid #9A6438}.sp-toyshelf span{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:40px;border-radius:12px}.sp-toyshelf span.empty{border:3px dashed #C9BFAE}@media(prefers-reduced-motion:no-preference){.sp-wobble{animation:sp-wobble .45s ease-in-out}@keyframes sp-wobble{20%{transform:translate(-9px) rotate(-3deg)}50%{transform:translate(8px) rotate(2deg)}80%{transform:translate(-4px)}}.sp-box.next{animation:sp-pulse 1.4s ease-in-out infinite}@keyframes sp-pulse{50%{box-shadow:0 0 0 8px #0f8b8d2e}}.sp-box.bounce{animation:sp-bounce .5s cubic-bezier(.3,1.6,.5,1)}@keyframes sp-bounce{0%{transform:translateY(-40px) scale(.6)}}.sp-caret{animation:sp-blink 1s steps(2) infinite}@keyframes sp-blink{50%{opacity:0}}.sp-toybox .found{animation:sp-pop .6s cubic-bezier(.3,1.6,.5,1)}@keyframes sp-pop{0%{transform:translate(-50%,60px) scale(.2);opacity:0}}}.shelf.tins{height:calc(var(--k) * 250px)}.tinrow{display:flex;align-items:flex-end;gap:16px}.tinlabel{background:#ddf1f0;color:var(--teal-dark)}.tin{position:relative;width:calc(var(--k) * 128px);height:calc(var(--k) * 170px);border:0;padding:0;background:none;display:flex;flex-direction:column;align-items:center;flex:none}.tin .lid{width:108%;height:calc(var(--k) * 22px);border-radius:10px 10px 4px 4px;background:var(--teal-dark);flex:none;transition:transform .2s}.tin .can{flex:1;width:100%;border-radius:6px 6px 16px 16px;background:var(--teal);box-shadow:inset -8px 0 #0000001f;display:flex;align-items:center;justify-content:center}.tin .label{width:76%;padding:8px 4px;border-radius:12px;background:#fff8ea;display:flex;flex-direction:column;align-items:center;gap:3px}.tin .label .em{font-size:calc(var(--k) * 36px);line-height:1}.tin .label b{font-size:max(14px,calc(var(--k) * 18px))}.tin .label small{font-size:14px}.tin .prog{display:flex;gap:2px}.tin .prog i{width:7px;height:7px;border-radius:50%;background:#e4dccb}.tin .prog i.on{background:var(--teal)}.tin.started .lid{transform:rotate(-14deg) translate(-6px,-6px)}.tin.new .can,.tin.new .lid{background:#14a3a0}.tin.sleep .can{background:#b9b2a6}.tin.sleep .lid{background:#a39c90}.tin.sleep{opacity:.8}.tin .new{position:absolute;top:-18px;right:-16px;width:54px;height:54px;border-radius:50%;background:#ffc93c;box-shadow:0 4px #d99a12;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#5c3f00;transform:rotate(12deg)}.tin:hover .lid{transform:translateY(-6px)}@media(max-width:760px){.nav{flex-wrap:wrap;justify-content:center}.subj{height:48px;padding:0 14px;font-size:17px}.sp-card{width:160px;height:160px;font-size:100px}.sp-box{width:80px;height:80px;font-size:34px}.sp-tile{width:68px;height:68px;font-size:30px}.sp-choice{min-width:140px;height:84px;font-size:36px}.sp-big{font-size:72px}}body.one-shelf:not(.subject-spell) .shelf.tins,body.one-shelf:not(.subject-spell) .tins+.board{display:none}body.one-shelf.subject-spell .shelf:not(.tins),body.one-shelf.subject-spell .shelf:not(.tins)+.board{display:none}@media(orientation:landscape)and (max-height:1100px){.spell{overflow:hidden}.sp-body{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:40px;row-gap:16px;align-content:center;justify-items:center}.sp-body>.sp-pic{grid-column:1;grid-row:1 / span 5;align-self:center}.sp-body>:not(.sp-pic){grid-column:2}.sp-body>.sp-done,.sp-body>.sp-sheet{grid-column:1 / -1}.sp-body:has(.sp-pebble){display:flex;gap:8px}.sp-body:has(.sp-pebble) .sp-line{min-height:72px}.sp-body:has(.sp-pebble) .sp-line .sp-tile{width:60px;height:60px;font-size:28px}.spell .sp-tray:has(+.sp-toyacts){max-width:920px;gap:8px}.spell .sp-tray:has(+.sp-toyacts) .sp-tile{width:58px;height:58px;font-size:26px}.sp-yes,.sp-no{height:52px}.sp-toyshelf{display:none}.sp-tray{max-width:720px}.sp-card{width:190px;height:190px;font-size:120px}.sp-box{width:96px;height:96px;font-size:40px}.sp-tile{width:76px;height:76px;font-size:32px}.sp-big{font-size:84px}.sp-toyrow{min-height:100px}.sp-toybox{font-size:84px}.sp-pebble .who{font-size:70px}.sp-stickers{grid-template-columns:repeat(6,1fr)}}html,body{background:var(--wall, #D9EEFB);transition:background-color .4s ease}.wall{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.wall .m{position:absolute;display:block}.wall .m svg{display:block;width:100%;height:auto}.wall .emo{font-size:34px;line-height:1;opacity:.14}body[data-wall=dots] .wall{background-image:radial-gradient(circle,#C2E5CF 0,#C2E5CF 9px,transparent 10px);background-size:72px 72px}.confetti-bg{display:none}.top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;height:104px}.top .tl{display:flex}.menu-btn{height:60px;padding:0 22px 0 18px;border-radius:20px;border:3px solid #E4DCCB;background:#fff;box-shadow:0 4px #e4dccb;font-size:22px;font-weight:700;display:flex;align-items:center;gap:12px}.menu-btn:active{transform:translateY(3px);box-shadow:0 1px #e4dccb}.top .logo{width:auto;justify-content:center}.mark{position:relative;flex:none;width:112px;height:92px;display:block;transform:scale(1.2)}.mark svg{position:absolute;left:0;bottom:0}.mark span{position:absolute;line-height:1}.topright{width:auto;justify-content:flex-end}.reader-tile{width:60px;height:60px;border-radius:18px;font-size:29px}.coin{position:relative;width:84px;height:84px;display:block;flex:none}.coin svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.coin .ring{transition:stroke-dashoffset .5s ease}.coin .face{position:absolute;left:13px;top:13px;width:58px;height:58px;border-radius:50%;background:var(--gold);box-shadow:inset 0 -4px 0 var(--gold-dark),0 0 0 2px var(--gold-dark);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;color:#5c3f00;letter-spacing:-.02em}.wall-btn{width:72px;height:72px;border-radius:24px;border:3px solid #E4DCCB;background:#fff;box-shadow:0 5px #e4dccb;font-size:38px;line-height:1;padding:0;display:none}body.on-home .wall-btn{display:flex;align-items:center;justify-content:center}body.on-home .mic,body.on-home #repeat,body.on-home .status,body.in-toys .mic,body.in-toys #repeat,body.in-toys .status{display:none}body.on-home .bottom .left{bottom:24px}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#1c1b1973;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer{position:fixed;z-index:30;top:0;left:0;bottom:0;width:min(400px,86vw);background:#fffdf7;box-shadow:20px 0 50px #1c1b1940;padding:28px 26px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;transform:translate(-104%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}body.menu-open .drawer{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}body.menu-open #menuScrim{opacity:1;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:30px;font-weight:700}.mi{min-height:84px;border-radius:22px;padding:10px 18px;display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);background:#fff;border:3px solid #ECE4D4}.mi:hover{background:#f4eeff}.mi .ic{flex:none;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#fbf4e2}.mi b{display:block;font-size:23px}.mi small{display:block;font-size:16px;color:var(--muted)}.mi[aria-current=true]{background:#ede6fa;border-color:var(--brand)}.mi[aria-current=true] .ic{background:var(--brand)}.sheet-scrim{z-index:25;background:#1c1b1959}body.sheet-open #wallScrim{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:26;left:0;right:0;bottom:0;padding:26px 36px 36px;border-radius:34px 34px 0 0;background:#fffdf7;box-shadow:0 -20px 50px #1c1b1938;display:flex;flex-direction:column;gap:20px;transform:translateY(105%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}body.sheet-open .sheet{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.sheet-head{display:flex;align-items:center;justify-content:space-between;font-size:30px;font-weight:700}.sheet-head>span{display:flex;gap:12px;align-items:center}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.swatch{border:0;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px}.swatch .sw{position:relative;width:100%;height:120px;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 2px #e4dccb}.swatch .sw-m{display:block}.swatch .sw-m svg{display:block;width:100%;height:auto}.swatch .sw-dots{background-image:radial-gradient(circle,#C2E5CF 0,#C2E5CF 7px,transparent 8px);background-size:34px 34px}.swatch[aria-checked=true] .sw{box-shadow:0 0 0 4px var(--brand)}.swatch .tick{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:18px}.swatch .lab{font-size:19px;font-weight:700}.lift{transition:transform .2s ease}.lift:hover,.lift:focus-visible{transform:translateY(-14px);outline:none}.lift:focus-visible{box-shadow:0 0 0 4px var(--blue)}.spines{gap:6px}.pad{--pw: 118;--ph: 172;--pe: 34;--pl: 72;position:relative;flex:none;width:calc(var(--k) * var(--pw) * 1px);height:calc(var(--k) * var(--ph) * 1px);border:0;padding:0;background:transparent;display:block}.pad.big{--pw: 176;--ph: 240;--pe: 60;--pl: 104}.pad .paper{position:absolute;left:0;right:0;top:calc(var(--k) * 10px);bottom:0;border-radius:6px 6px 12px 12px;overflow:hidden;background-color:#fffdf5;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--k) * 21px),#CFE3EA calc(var(--k) * 21px),#CFE3EA calc(var(--k) * 23px));box-shadow:0 6px #3c1e001f,inset 0 0 0 2px #eadfc8;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:calc(var(--k) * 34px)}.pad .band{position:absolute;left:0;right:0;top:0;height:calc(var(--k) * 24px)}.pad .margin{position:absolute;left:calc(var(--k) * 22px);top:calc(var(--k) * 24px);bottom:0;width:2px;background:#f2b8ae}.pad .em{position:relative;font-size:calc(var(--k) * var(--pe) * 1px);line-height:1}.pad b{position:relative;font-size:max(12px,calc(var(--k) * 18px))}.pad.big b{font-size:max(14px,calc(var(--k) * 24px))}.pad small{position:relative;padding:1px 6px;border-radius:8px;background:#fff0cc;font-size:max(11px,calc(var(--k) * 14px));font-weight:700;color:#6b4a00}.pad .prog{position:relative;display:flex;gap:2px}.pad .prog i{width:7px;height:7px;border-radius:50%;background:#e4dccb}.pad .prog i.on{background:var(--teal)}.pad .rings{position:absolute;left:calc(var(--k) * 12px);right:calc(var(--k) * 12px);top:0;height:calc(var(--k) * 22px);display:flex;justify-content:space-between}.pad .rings i{width:max(4px,calc(var(--k) * 8px));height:100%;border-radius:4px;background:#8a8378;box-shadow:inset -2px 0 #5a544b}.pad .pencil{position:absolute;right:calc(var(--k) * 22px);bottom:calc(var(--k) * 10px);width:calc(var(--k) * 14px);height:calc(var(--k) * var(--pl) * 1px);display:flex;flex-direction:column;transform:rotate(-62deg);transform-origin:bottom center;filter:drop-shadow(2px 3px 2px rgba(60,30,0,.25))}.pad .pencil i{display:block}.pad .pencil .rub{height:calc(var(--k) * 14px);border-radius:5px 5px 0 0;background:#f29aa8}.pad .pencil .fer{height:calc(var(--k) * 7px);background:#b9b2a6}.pad .pencil .wood{flex:1;background:#f5c451;box-shadow:inset -5px 0 #e0a92c,inset 4px 0 #fbdd8a}.pad .pencil .tip{height:calc(var(--k) * 18px);background:#f2d7b0;clip-path:polygon(0 0,100% 0,50% 100%)}.pad .new{position:absolute;z-index:2;top:-16px;right:-18px;width:58px;height:58px;border-radius:50%;background:#ffc93c;box-shadow:0 4px #d99a12;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#5c3f00;transform:rotate(12deg)}@media(prefers-reduced-motion:no-preference){.pad .new{animation:er-twinkle 2.4s ease-in-out infinite}}.well-done{position:relative;width:min(680px,100%);align-items:center;gap:26px;padding:40px 40px 36px;border-radius:36px;background:#fffdf7}.well-done h2{margin:0;font-size:46px}.well-done .sp1,.well-done .sp2{position:absolute;font-size:38px}.well-done .sp1{left:40px;top:30px}.well-done .sp2{right:48px;top:40px}.wd-row{display:flex;align-items:center;gap:22px}.wd-book,.wd-pad{position:relative;width:120px;height:156px;border-radius:4px 12px 12px 4px;box-shadow:0 6px #3c1e0024;display:flex;align-items:center;justify-content:center}.wd-book{box-shadow:inset 12px 0 0 var(--d),0 6px #3c1e0024}.wd-pad{border-radius:6px 6px 12px 12px;background:#fffdf5 repeating-linear-gradient(to bottom,transparent 0,transparent 21px,#CFE3EA 21px,#CFE3EA 23px);border-top:22px solid var(--teal)}.wd-book .em,.wd-pad .em{font-size:64px;line-height:1;margin-left:8px}.wd-book .tick,.wd-pad .tick{position:absolute;right:-12px;top:-12px;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:20px}.wd-pad .tick{top:-34px}.wd-row .arrow{font-size:44px;color:#b3aa9a}.wd-gift{position:relative;width:190px;height:190px;border-radius:50%;background:#fff0cc;display:flex;align-items:center;justify-content:center}.wd-gift .g{position:absolute;left:8px;bottom:6px;font-size:52px;transform:rotate(-16deg)}.wd-gift .toy{font-size:120px;line-height:1}.wd-btn{height:72px;padding:0 32px;border-radius:24px;border:0;background:var(--brand);box-shadow:0 6px 0 var(--brand-dark);color:#fff;font-size:25px;font-weight:700;display:flex;align-items:center;gap:12px}@media(prefers-reduced-motion:no-preference){.wd-gift .toy{animation:wd-pop .7s .2s cubic-bezier(.3,1.6,.5,1) both}@keyframes wd-pop{0%{transform:translateY(40px) scale(.2);opacity:0}}.well-done .sp1,.well-done .sp2{animation:er-twinkle 2.4s ease-in-out infinite}}.toys-page{flex:1;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:14px;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:20px;-webkit-user-select:none;user-select:none}.toys-page[hidden]{display:none}.toys-title{margin:0;display:flex;align-items:center;gap:12px;font-size:34px}.toy-tray{display:flex;align-items:center;gap:22px;padding:18px 30px;border-radius:32px;background:#fff;border:3px solid #ECE4D4;min-height:150px;flex:none}.toy-tray .gift{font-size:60px;line-height:1}.tray-spot{position:relative;width:112px;height:112px}.tray-spot.empty{border-radius:28px;border:4px dashed #E4DCCB;display:block}.tray-spot .more{position:absolute;right:-14px;top:-10px;background:var(--brand);color:#fff;font-weight:700;border-radius:12px;padding:2px 8px}.tray-spot .hint{position:absolute;left:70px;top:64px;font-size:44px;pointer-events:none}.toy{touch-action:none;border:0;padding:0 0 6px;width:104px;height:104px;border-radius:26px;background:transparent;font-size:70px;line-height:1;display:flex;align-items:flex-end;justify-content:center;cursor:grab;transition:transform .15s}.toy.glow{width:112px;height:112px;align-items:center;padding:0;border:4px solid #FFC93C;background:#fff6d8;font-size:74px;border-radius:28px}.toy.picked{box-shadow:0 0 0 5px var(--teal);background:#e8f5f5;transform:translateY(-10px) rotate(-4deg)}.toy.lifted{opacity:.3}.toy-rows{display:flex;flex-direction:column;gap:26px;align-self:stretch;margin:0 -36px}.trow .spots{height:128px;display:flex;align-items:flex-end;justify-content:center;gap:18px}.spot{position:relative;width:112px;height:116px;display:flex;align-items:flex-end;justify-content:center}.hole{width:96px;height:96px;margin-bottom:4px;border-radius:50%;padding:0;border:4px dashed rgba(140,120,90,.35);background:transparent}.hole.ready{border-color:var(--teal);background:#0f8b8d1a}.spot.over .hole,.spot.over .toy{box-shadow:0 0 0 5px var(--teal)}.trow .board{height:30px;display:flex;flex-direction:column;box-shadow:0 12px 20px #3c1e002e}.trow .board span:first-child{height:11px;background:#c9935c}.trow .board span:last-child{height:19px;background:#9a6438}.toy-ghost{position:fixed;z-index:60;pointer-events:none;font-size:88px;line-height:1;filter:drop-shadow(0 12px 10px rgba(60,30,0,.3));transform:translate(-50%,-60%) scale(1.1) rotate(-6deg)}@media(prefers-reduced-motion:no-preference){.toy.glow{animation:er-twinkle 2.4s ease-in-out infinite}.tray-spot .hint{animation:hint 1.6s ease-in-out infinite}@keyframes hint{50%{transform:translate(14px,18px)}}}@media(prefers-reduced-motion:reduce){.drawer,.sheet{transition:visibility 0s,opacity .2s!important}}body.in-toys .bottom{display:none}@media(max-width:800px){.trow .spots{gap:10px}.spot{width:98px}.toy{width:90px;height:98px;font-size:60px}.hole{width:84px;height:84px}}@media(orientation:landscape)and (max-height:900px){.toys-page{gap:10px}.toys-title{font-size:28px}.toy-tray{min-height:104px;padding:10px 24px}.tray-spot{width:84px;height:84px}.toy.glow{width:84px;height:84px;font-size:54px}.toy-rows{gap:14px}.trow .spots{height:96px;gap:14px}.spot{width:86px;height:92px}.toy{width:80px;height:84px;font-size:54px}.hole{width:72px;height:72px}.trow .board{height:24px}}.screen{max-width:none}.top,.bottom{width:100%;max-width:1108px;margin-left:auto;margin-right:auto}.shelf{cursor:grab}.shelf.dragging{cursor:grabbing;scroll-behavior:auto}.shelf.dragging .lift{pointer-events:none}body.in-spell .help-btn{display:none!important}.sp-actions{display:flex;gap:16px;justify-content:center}.sp-act{min-width:190px;height:64px;padding:0 24px;border-radius:22px;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.sp-act.say{border:3px solid var(--teal-dark);background:var(--teal);color:#fff;box-shadow:0 5px 0 var(--teal-dark)}.sp-act.help{border:3px solid var(--coral);background:#fff3ef;color:#a2412b;box-shadow:0 5px #f2c3b5}.sp-act:active{transform:translateY(3px);box-shadow:0 2px #00000026}@media(orientation:landscape)and (max-height:1100px){.sp-body:not(:has(>.sp-pic)){display:flex}}@media(max-width:560px){.screen{padding:10px 12px 0;gap:10px}.top{height:52px}.dots{display:none}.logo{gap:6px}.logo-mark{width:46px;height:44px}.logo-mark svg{width:46px;height:28px}.logo-mark .face{font-size:22px}.logo-name{font-size:19px;gap:5px}.topright{gap:8px}.reader-tile{width:42px;height:42px;font-size:21px;border-radius:12px}.coins{gap:4px;height:44px}.coins svg{width:38px;height:38px}.coins b{font-size:22px}.nav{gap:6px;flex-wrap:nowrap}.subjects{gap:6px}.subj{height:46px;padding:0 9px;font-size:14px;border-radius:14px;border-width:2px}.modes{padding:2px}.modes button{height:42px;padding:0 10px;font-size:14px}.logo-name{line-height:1.45}.back-link{padding:10px 0}.sp-pic{flex-direction:row;gap:14px}.sp-card{width:104px;height:104px;font-size:68px}.sp-ready{height:52px;font-size:19px}.sp-sheet .big-btn,.sp-done .big-btn{height:60px;font-size:22px;padding:0 22px}.sp-toyshelf{display:none}.spell .sp-tray:has(+.sp-toyacts) .sp-tile{width:42px;height:42px;font-size:19px;border-radius:11px}.spell .sp-tray:has(+.sp-toyacts) .sp-tile i{display:none}.sp-pebble .who{font-size:44px}.sp-pebble .name{font-size:13px;padding:2px 8px}.sp-toyrow{min-height:80px}.sp-toybox{font-size:60px}.bottom{height:92px}.bottom .left,.bottom .right{bottom:18px}.mic{margin-bottom:12px}.big-logo{flex-direction:column;gap:6px}.shelf-wrap{margin:0 -12px}.shelf{padding:0 24px 0 16px}.sentence{column-gap:14px;row-gap:16px}.word{padding:4px 8px 2px}.sp-body{gap:14px}.sp-round span{width:26px;height:26px;font-size:14px}.sp-card{width:130px;height:130px;font-size:84px;border-radius:24px}.sp-hear{width:48px;height:48px}.sp-boxes{gap:8px}.sp-box{width:68px;height:68px;font-size:30px;border-radius:16px;border-width:3px}.sp-hand{font-size:30px;margin-right:0}.sp-tray{gap:8px;max-width:340px}.sp-tile{width:60px;height:60px;font-size:26px;border-radius:14px}.sp-tile i.bar,.sp-box i.bar{width:28px}.sp-line{min-height:80px;min-width:0}.sp-caret{height:50px}.sp-choice{min-width:96px;height:70px;font-size:30px;padding:0 12px}.sp-cards{gap:10px}.sp-big{font-size:64px}.sp-red{font-size:72px}.sp-good .row{font-size:30px}.sp-done,.sp-sheet{padding:20px 16px;max-width:100%}.sp-sticker .disc{width:68px;height:68px;font-size:32px}.sp-sticker b{font-size:20px}.sp-stickers{gap:12px 16px}.sp-done h2,.sp-sheet h2{font-size:26px}.sp-toyrow{min-height:96px;gap:12px}.sp-toybox{font-size:72px}.sp-toybox .found{font-size:60px;top:-46px}.sp-pebble .who{font-size:60px}.spell .sp-tray:has(+.sp-toyacts){max-width:360px;gap:6px}.sp-line.toy .sp-tile{width:54px;height:54px;font-size:24px}.sp-yes,.sp-no{height:50px;font-size:19px}.sp-toyshelf span{width:36px;height:36px;font-size:26px}.help-btn{height:50px;font-size:18px;padding:0 14px}.sp-act{min-width:140px;height:56px;font-size:18px;padding:0 14px;border-radius:18px}.sp-actions{gap:10px}.sp-cover{font-size:34px}.sp-line.toy{min-height:60px}.sp-line.toy .sp-tile{width:46px;height:46px;font-size:21px}.sp-body:has(.sp-toyrow){gap:10px}.subj{white-space:nowrap}.top{height:64px}.menu-btn{height:48px;padding:0 12px;border-radius:16px}.menu-btn .lab{display:none}.mark{transform:scale(.62);margin:-14px -20px}.reader-tile{width:44px;height:44px;font-size:22px;border-radius:13px}.coin{width:60px;height:60px}.coin svg{width:60px;height:60px}.coin .face{left:9px;top:9px;width:42px;height:42px;font-size:14px}.wall-btn{width:60px;height:60px;font-size:32px;border-radius:20px}.swatches{gap:8px}.swatch .sw{height:80px;border-radius:16px}.swatch .lab{font-size:14px}.swatch .sw-m{transform:scale(.6)}.sheet{padding:20px 16px 26px}.well-done{padding:28px 18px 24px;gap:18px}.well-done h2{font-size:34px}.wd-row{gap:10px}.wd-book,.wd-pad{width:84px;height:110px}.wd-book .em,.wd-pad .em{font-size:44px}.wd-gift{width:130px;height:130px}.wd-gift .toy{font-size:80px}.wd-gift .g{font-size:36px}.wd-btn{height:60px;font-size:20px;padding:0 20px}.toys-title{font-size:26px}.toy-tray{min-height:110px;padding:12px 20px}.tray-spot{width:84px;height:84px}.toy.glow{width:84px;height:84px;font-size:54px}.toy-rows{margin:0 -12px;gap:16px}.trow .spots{height:70px;gap:4px}.spot{width:54px;height:62px}.toy{width:52px;height:56px;font-size:40px;padding-bottom:4px;border-radius:14px}.hole{width:46px;height:46px;border-width:3px}.trow .board{height:20px}.trow .board span:first-child{height:7px}.trow .board span:last-child{height:13px}}@media(max-width:380px){.subj{padding:0 7px;font-size:13px}.modes button{padding:0 8px;font-size:13px}.sp-cover{display:none}.sp-body{gap:10px}}.rotate{display:none}@media(orientation:landscape)and (max-height:500px){.rotate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}.rotate .phone{font-size:72px;line-height:1;transform:rotate(-90deg)}.rotate b{font-size:26px}.rotate span:last-child{font-size:17px;color:var(--muted)}}@media(orientation:landscape)and (max-height:500px)and (prefers-reduced-motion:no-preference){.rotate .phone{animation:turn 2.4s ease-in-out infinite}@keyframes turn{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}}