:root{--bg: #f6efe3;--card: #ffffff;--ink: #2b2b3a;--muted: #6b6b80;--p1: #ff8c69;--p2: #ffd166;--p3: #7bd3a8;--p4: #7fb7ff;--p5: #c39bff;--p6: #ff9ad5;--glow: 0 0 0 6px rgba(255, 209, 102, .55), 0 8px 24px rgba(255, 140, 105, .35);--r: 28px;--tap: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Avenir Next Rounded,Nunito,Arial Rounded MT Bold,Segoe UI,system-ui,sans-serif;font-size:22px;user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:manipulation}button{font:inherit;color:inherit}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 20px 32px;gap:18px;max-width:980px;margin:0 auto}.screen.center{justify-content:center}.grow{flex:1}.row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}.col{display:flex;flex-direction:column;gap:14px;align-items:center}h1{font-size:2rem;margin:0;text-align:center}h2{font-size:1.5rem;margin:0;text-align:center}.big{font-size:3.6rem;font-weight:800;letter-spacing:.04em;text-align:center;line-height:1.1}.huge{font-size:clamp(4rem,12vw,7rem);font-weight:900;letter-spacing:.06em;text-align:center;line-height:1}.muted{color:var(--muted)}.small{font-size:1rem}.parent-note{font-size:1.05rem;color:var(--muted);background:#fff8e8;border:2px dashed #f0d9a0;border-radius:16px;padding:12px 16px;max-width:760px;text-align:left}.parent-note b{color:#b0741a}.btn{min-height:var(--tap);min-width:var(--tap);padding:14px 30px;border:none;border-radius:var(--r);background:var(--p2);font-size:1.5rem;font-weight:800;box-shadow:0 6px #0000001f;cursor:pointer;transition:transform .1s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:active{transform:translateY(4px);box-shadow:0 2px #0000001f}.btn.primary{background:var(--p1);color:#fff;font-size:1.8rem;padding:18px 40px}.btn.secondary{background:#fff;border:3px solid #e7dcc8}.btn.soft{background:var(--p4);color:#fff}.btn.green{background:var(--p3)}.btn.purple{background:var(--p5);color:#fff}.btn.ghost{background:transparent;box-shadow:none;color:var(--muted);font-size:1.1rem}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.wide{width:min(100%,520px)}.card{background:var(--card);border-radius:var(--r);padding:22px 28px;box-shadow:0 8px 30px #3c281414;text-align:center}.rulecard{background:linear-gradient(135deg,#fff6d6,#ffe7f0);border-radius:32px;padding:26px 34px;box-shadow:0 10px 30px #3c28141f;text-align:center;width:min(100%,820px);border:4px solid #fff}.rulecard .name{font-size:2.4rem;font-weight:900}.rulecard .text{font-size:1.6rem;margin-top:10px;font-weight:600}.rulecard.mini{padding:18px 22px;border-radius:22px;width:auto;min-height:96px;min-width:200px;display:flex;align-items:center;justify-content:center}.rulecard.mini .name{font-size:1.4rem}.tapcard{min-height:110px;min-width:200px;padding:18px 24px;border-radius:26px;background:#fff;border:4px solid #eee4d3;font-size:1.7rem;font-weight:800;box-shadow:0 6px #00000014;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s}.tapcard:active{transform:scale(.97)}.tapcard.glow{background:#fff3c4;border-color:var(--p2);box-shadow:var(--glow);transform:scale(1.04)}.tapcard.done{background:#e8f8ef;border-color:var(--p3)}.letters{display:inline-flex;gap:8px}.letter{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:110px;padding:0 16px;border-radius:22px;background:#fff;font-size:4rem;font-weight:900;box-shadow:0 6px #00000014;position:relative;transition:all .3s}.letter.hi{background:#fff3c4}.letter.covered{color:transparent}.letter .cover{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:18px;background:var(--p1);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;animation:pop .3s}.letter.new{animation:slidein .5s;background:#ffe0f3}.letter.heart:after{content:"♥";position:absolute;top:-34px;left:50%;transform:translate(-50%);color:#e0476f;font-size:2.2rem;animation:pop .4s}.letter.hearttile{background:#ffe0ea;border-radius:50% 50% 22px 22px}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slidein{0%{transform:translate(60px);opacity:0}to{transform:none;opacity:1}}@keyframes bloom{0%{transform:scale(.2) rotate(-20deg)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes clap{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.bloom{animation:bloom .9s cubic-bezier(.2,1.4,.4,1)}.wiggle{animation:wiggle .4s}.floaty{animation:float 3s ease-in-out infinite}.clapping{animation:clap .5s}.bubble{background:#fff;border-radius:26px;padding:16px 24px;font-size:1.5rem;font-weight:700;position:relative;max-width:620px;text-align:center;box-shadow:0 8px 24px #3c28141a}.bubble:before{content:"";position:absolute;left:-16px;top:50%;border:12px solid transparent;border-right-color:#fff;transform:translateY(-50%)}.guide-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.pinpad{display:grid;grid-template-columns:repeat(3,86px);gap:12px}.pinpad .btn{font-size:2rem;padding:0;height:86px}.pindots{display:flex;gap:14px}.pindots span{width:22px;height:22px;border-radius:50%;background:#ddd}.pindots span.on{background:var(--ink)}.checkrow{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border-radius:22px;padding:10px 18px;width:min(100%,640px)}.checkrow .w{font-size:1.6rem;font-weight:800}.mark{width:var(--tap);height:var(--tap);border-radius:50%;border:3px solid #ddd;background:#fff;font-size:1.7rem;cursor:pointer}.mark.on-yes{background:#d7f5e3;border-color:#3dbb7a}.mark.on-no{background:#eee;border-color:#999}.garden{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:flex-end;padding:14px;background:linear-gradient(#e6f5d8,#cfeab5);border-radius:30px;width:min(100%,860px);min-height:120px}.boxes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.box{width:120px;height:120px;border:4px dashed #cbbfae;border-radius:22px;background:#fffdf8;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900;position:relative}.box.filled{border-style:solid;border-color:var(--p3);background:#f0fbf4}.counter{width:64px;height:64px;border-radius:50%;background:var(--p4);box-shadow:0 5px #00000026;touch-action:none;cursor:grab}.tile{min-width:96px;height:96px;padding:0 14px;border-radius:20px;background:#fff;border:4px solid #eee4d3;display:flex;align-items:center;justify-content:center;font-size:2.8rem;font-weight:900;box-shadow:0 6px #0000001a;touch-action:none;cursor:grab}.tile.heart{background:#ffe0ea;border-color:#ffb3c8}.dragging{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-50%) scale(1.1)}.bins{display:flex;gap:20px;width:100%;justify-content:center}.bin{flex:1;max-width:360px;min-height:180px;border-radius:28px;padding:16px;background:#fff;border:4px solid #eee4d3;text-align:center;font-size:1.5rem;font-weight:800;cursor:pointer}.bin.glow{border-color:var(--p2);box-shadow:var(--glow)}.bin .items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px;font-size:1.2rem}.bin .items span{background:#f4efe4;border-radius:12px;padding:4px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%}.progressbar{width:min(100%,700px);height:26px;border-radius:14px;background:#e7e0d2;overflow:hidden;position:relative}.progressbar i{display:block;height:100%;background:var(--p3);transition:width 1s linear}.progressbar .runner{position:absolute;top:-18px;font-size:2rem;transition:left 1s linear}.photo-wrap{position:relative;width:100%;max-width:900px}.photo-wrap img,.photo-wrap canvas{width:100%;border-radius:22px;display:block}.photo-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;touch-action:none}.stepper{display:flex;align-items:center;gap:16px;font-size:2rem;font-weight:800}.stepper .btn{padding:0;width:72px;height:72px;font-size:2.2rem}.topbar{width:100%;display:flex;justify-content:space-between;align-items:center}.slides-nav{display:flex;gap:8px}.slides-nav i{width:14px;height:14px;border-radius:50%;background:#ddd}.slides-nav i.on{background:var(--p1)}.video-wrap{width:min(100%,860px);aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000}.video-wrap iframe{width:100%;height:100%;border:0}.checkbox{display:flex;align-items:center;gap:14px;font-size:1.5rem;font-weight:800}.checkbox .boxi{width:56px;height:56px;border-radius:16px;border:4px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#fff}.checkbox.on .boxi{background:#d7f5e3;border-color:#3dbb7a}.path{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pathday{width:120px;min-height:120px;border-radius:22px;background:#fff;border:4px solid #eee4d3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:1rem;font-weight:700}.shelf{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.badge{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(#fff,#ffe7b3);border:6px solid var(--p2);font-weight:900;text-align:center;font-size:1.05rem;cursor:pointer;box-shadow:0 8px 20px #0000001a}.badge .e{font-size:3rem}.parent{font-size:17px;align-items:stretch;max-width:1100px;-webkit-user-select:text;user-select:text}.parent h1{font-size:1.6rem;text-align:left}.parent h2{font-size:1.25rem;text-align:left;margin-top:14px}.parent table{border-collapse:collapse;width:100%;background:#fff;border-radius:12px;overflow:hidden;font-size:15px}.parent th,.parent td{padding:8px 10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.parent th{background:#f4efe4}.parent .btn{font-size:1.05rem;min-height:52px;padding:10px 18px;border-radius:16px}.parent input{font:inherit;padding:10px 12px;border-radius:12px;border:2px solid #ddd;width:100%}.stat{background:#fff;border-radius:16px;padding:12px 16px;min-width:160px}.stat b{display:block;font-size:1.6rem}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs .btn{background:#fff;border:2px solid #e7dcc8}.tabs .btn.on{background:var(--p2)}.tag{display:inline-block;background:#eef;border-radius:10px;padding:2px 8px;font-size:13px;margin:2px}.tag.ok{background:#d7f5e3}.tag.no{background:#fde2e2}.wordchip{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:14px;padding:6px 12px;margin:4px;font-weight:700}.zones{position:relative;width:300px;height:460px}.zone{position:absolute;left:0;right:0;border-radius:30px;border:4px dashed #cbbfae;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;cursor:pointer;background:#ffffffb3}.zone.glow{border-color:var(--p2);box-shadow:var(--glow);background:#fff3c4}.fade{animation:pop .4s}@media (max-width: 700px){body{font-size:19px}.huge{font-size:4rem}.letter{min-width:64px;height:84px;font-size:3rem}.box{width:92px;height:92px}.tile{min-width:76px;height:76px;font-size:2.2rem}}