.host{display:flex;align-items:center;gap:16px}.host-pic{height:min(22vw,150px);width:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.18))}.tile-pic{width:82%;height:82%;object-fit:contain}.clip-box{width:min(92vw,860px);background:#000;border-radius:24px;overflow:hidden;box-shadow:0 12px 36px #0000004d}.clip{width:100%;display:block}.sticker-big{width:min(60vw,320px);height:min(60vw,320px);object-fit:contain;background:#fff;border-radius:32px;box-shadow:0 12px 36px #0003}.sticker-name{font-size:40px;font-weight:800;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.25)}.album-button{position:fixed;top:calc(12px + env(safe-area-inset-top));right:16px;font-size:22px}.big-thumb{width:160px;height:160px;font-size:64px}.small-pad{grid-template-columns:repeat(3,70px);gap:8px}.small-pad button{font-size:24px;padding:12px 0}.reward-bar{display:flex;align-items:center;gap:12px;background:#ffffffd9;border-radius:18px;padding:10px 14px;width:min(92vw,520px)}.reward-pic{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff}.emoji-pic{font-size:40px;display:flex;align-items:center;justify-content:center}.reward-body{flex:1;text-align:left}.reward-name{font-weight:700;font-size:18px}.reward-track{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin:4px 0}.reward-fill{height:100%;background:#f5b400}.reward-count{font-size:14px;opacity:.8}.reward-waiting{font-weight:700;color:var(--good)}.streak{position:fixed;top:calc(60px + env(safe-area-inset-top));right:16px;font-size:26px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}.count-things{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:min(92vw,720px);font-size:clamp(48px,10vw,96px);line-height:1;background:#ffffffb3;border-radius:24px;padding:14px 18px}.tile .digit{font-weight:800;color:var(--blue)}.tile .word{font-size:clamp(20px,4vw,34px);font-weight:700;padding:0 12px;text-align:center}.big{justify-content:flex-start;padding-top:calc(72px + env(safe-area-inset-top));gap:12px}.progress{flex:1;height:14px;margin:0 16px;background:#ffffff80;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--blue);border-radius:999px;transition:width .3s}.domains{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:18px;width:min(92vw,640px)}.domain{background:#fff;border:0;border-radius:24px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 24px #0000001f;cursor:pointer}.domain-emoji{font-size:56px;line-height:1}.domain-label{font-size:20px;font-weight:700}.domain-step{font-size:14px;opacity:.6}.question-box{width:min(94vw,820px);background:#fff;border-radius:24px;padding:18px 20px 20px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:14px;text-align:left}.passage{font-size:20px;line-height:1.5;margin:0;background:var(--soft);padding:12px 14px;border-radius:14px}.question-row{display:flex;align-items:center;gap:12px}.question{font-size:26px;font-weight:700;margin:0;flex:1;line-height:1.3}.small-hear{font-size:26px;padding:8px 16px}.answers{display:grid;gap:12px}.answers.n2,.answers.n4{grid-template-columns:repeat(2,1fr)}.answers.n3{grid-template-columns:1fr}.answer{font-size:22px;padding:16px 18px;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;text-align:center}.answer.right{background:#c9f5c9;border-color:var(--good)}.answer.wrong{background:#ffe0e0;border-color:var(--bad);opacity:.7}.answer:disabled{cursor:default}.typed-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.spell-emoji{font-size:64px;line-height:1}.typed{flex:1;min-width:160px;min-height:60px;font-size:36px;font-weight:700;letter-spacing:2px;padding:8px 16px;border-radius:14px;background:var(--soft);border:2px solid var(--line)}.typed.right{background:#c9f5c9;border-color:var(--good)}.typed.wrong{border-color:var(--bad)}.caret{opacity:.4;font-weight:300}.hint{font-size:16px;opacity:.7}.keyboard{display:flex;flex-direction:column;gap:8px;align-items:center}.key-row{display:flex;gap:6px;justify-content:center}.key{font-size:22px;min-width:44px;height:52px;padding:0 8px;border-radius:10px;border:0;background:var(--soft);border-bottom:3px solid var(--line);cursor:pointer;text-transform:uppercase}.key.wide{min-width:90px}.key.done{background:var(--blue);color:#fff;border-bottom-color:#2a5ed6;min-width:90px}.numpad .key{min-width:72px;height:60px;font-size:26px}.draw{width:min(80vw,300px);max-height:300px;align-self:center}.draw.lengths{width:min(90vw,480px)}.bars{display:flex;flex-direction:column;gap:6px;width:auto;max-height:none;align-self:stretch}.bar-row{display:flex;align-items:center;gap:10px;font-size:28px}.bar-label{font-size:18px;width:70px;text-align:right}.bar-icons span,.bar-pad span{display:inline-block;width:34px}.ghost{opacity:.12}:root{--orange: #ffb43c;--blue: #3c78ff;--ink: #222;--paper: #fff;--soft: #fff4e0;--line: #e6d9c2;--bad: #d33;--good: #2a9d4b}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:-apple-system,system-ui,Segoe UI,sans-serif;background:var(--soft);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));text-align:center}.screen.child{background:var(--orange)}.title{font-size:40px;margin:0 0 8px}.subtitle{font-size:18px;margin:0 0 24px;opacity:.8}.status{font-size:16px;opacity:.75}.error{color:var(--bad);font-size:16px;margin:12px 0 0;min-height:20px}.form{display:flex;flex-direction:column;gap:12px;width:min(360px,100%)}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field label{font-size:15px;opacity:.8}.field input,.field select{font-size:20px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);width:100%}.button{font-size:20px;padding:14px 22px;border-radius:14px;border:0;background:var(--blue);color:#fff;cursor:pointer}.button.quiet{background:#eee;color:var(--ink)}.button.big{font-size:26px;padding:20px 32px}.button:disabled{opacity:.5}.picker{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:16px 0 32px}.face{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;cursor:pointer;position:relative}.face img,.face .initial{width:min(44vw,220px);height:min(44vw,220px);border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 6px 20px #00000026;background:var(--blue);color:#fff;font-size:96px;display:flex;align-items:center;justify-content:center}.face .name{font-size:28px;font-weight:600}.face .dot{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--bad);border:3px solid #fff}.corner{position:fixed;right:0;bottom:0;width:72px;height:72px;background:transparent;border:0}.pinpad{display:grid;grid-template-columns:repeat(3,84px);gap:12px;margin-top:16px}.pinpad button{font-size:28px;padding:18px 0;border-radius:16px;border:0;background:var(--paper);box-shadow:0 2px 6px #00000014}.pindots{display:flex;gap:14px;justify-content:center;margin:12px 0}.pindots span{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink)}.pindots span.on{background:var(--ink)}.parent{max-width:760px;margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}.parent header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.parent header h1{font-size:24px;margin:0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 20px}.tabs a{padding:10px 14px;border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font-size:16px;border:1px solid var(--line)}.tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}.card{background:var(--paper);border-radius:16px;padding:16px;margin-bottom:16px;border:1px solid var(--line)}.card h2{font-size:20px;margin:0 0 12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.row input,.row select{font-size:17px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);min-width:0}.row input[type=text],.row input[type=date]{flex:1 1 160px}.row input[type=number]{width:110px}.thumb{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--blue);color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center}.note{font-size:14px;opacity:.75;margin:6px 0 0}.ok{color:var(--good);font-size:15px}.list{display:flex;flex-direction:column;gap:8px}.phrase{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}.phrase .label{flex:1 1 200px;font-size:17px}.small{font-size:15px;padding:8px 14px;border-radius:10px}.rec{background:var(--bad)}.bar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:var(--paper);border-radius:20px;padding:24px;width:min(420px,100%);text-align:center}.dialog-text{font-size:24px;margin:0}.little{justify-content:center;gap:24px;padding-bottom:110px}.topline{position:fixed;top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}.stars-pill{background:#ffffffb3;border-radius:999px;padding:8px 16px;font-size:24px;font-weight:700}.dots{display:flex;gap:8px}.dots i{width:14px;height:14px;border-radius:50%;background:#ffffff80;display:inline-block}.dots i.done{background:#fff}.dots i.now{background:var(--blue)}.button.start,.button.prize{font-size:64px;width:min(60vw,260px);height:min(60vw,260px);border-radius:50%;padding:0;box-shadow:0 10px 30px #0003}.button.prize{background:#ff5c8a;font-size:110px}.button.hear{font-size:36px;padding:14px 26px;border-radius:999px;background:#ffffffd9;color:var(--ink)}.tiles{display:grid;gap:20px;width:min(92vw,820px)}.tiles.n2{grid-template-columns:repeat(2,1fr)}.tiles.n3{grid-template-columns:repeat(3,1fr)}.tiles.n4{grid-template-columns:repeat(2,1fr)}.tile{aspect-ratio:1;border:0;border-radius:28px;background:#fff;box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .2s}.tile:active{transform:scale(.96)}.tile .emoji{font-size:clamp(64px,18vw,180px);line-height:1}.tile.right{background:#c9f5c9;box-shadow:0 0 0 8px #2a9d4b inset}.tile.wrong{opacity:.35}.tile:disabled{cursor:default}.bar.bottom{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:0;right:0;margin:0}.big-stars{font-size:72px;font-weight:800;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.2)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-10%;font-size:48px;animation:fall 2.4s linear infinite}@keyframes fall{to{transform:translateY(120vh) rotate(360deg)}}.card h3{font-size:17px;margin:16px 0 8px}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;width:min(92vw,820px);margin:16px 0}.sticker{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:20px;box-shadow:0 6px 18px #0000001f}.sticker-label{font-size:16px;text-align:center;margin-top:4px}