:root{--cream: oklch(97.5% .025 85);--cream-deep: oklch(94% .045 85);--ink: oklch(35% .06 60);--ink-soft: oklch(52% .05 60);--card: oklch(99% .012 90);--sun: oklch(80% .16 75);--sun-deep: oklch(66% .16 68);--maths: oklch(68% .19 30);--maths-deep: oklch(54% .19 30);--maths-wash: oklch(94% .05 35);--english: oklch(64% .15 245);--english-deep: oklch(50% .15 245);--english-wash: oklch(94% .04 240);--hindi: oklch(70% .17 55);--hindi-deep: oklch(56% .17 50);--hindi-wash: oklch(94.5% .05 75);--logic: oklch(62% .17 300);--logic-deep: oklch(48% .17 300);--logic-wash: oklch(94.5% .04 300);--good: oklch(66% .17 150);--good-deep: oklch(52% .17 150);--star: oklch(80% .16 82);--radius-lg: 28px;--radius-md: 20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:"Baloo 2",Noto Sans Devanagari,system-ui,sans-serif;background:var(--cream);color:var(--ink);user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:manipulation}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:clamp(14px,4vw,24px);padding-bottom:max(20px,env(safe-area-inset-bottom))}.chunk{--c: var(--sun);--c-deep: var(--sun-deep);position:relative;border-radius:var(--radius-md);background:var(--c);box-shadow:0 6px 0 var(--c-deep);transform:translateY(0);transition:transform .09s ease-out,box-shadow .09s ease-out,opacity .3s;color:#fefcf4}.chunk:active{transform:translateY(5px);box-shadow:0 1px 0 var(--c-deep)}.chunk:disabled{cursor:default}.home-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.brand{font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.05;letter-spacing:-.5px}.brand em{font-style:normal;color:var(--sun-deep)}.brand-sub{margin:2px 0 0;color:var(--ink-soft);font-weight:600;font-size:15px}.star-pill{display:flex;align-items:center;gap:6px;background:var(--card);border-radius:999px;padding:8px 14px;font-weight:800;font-size:18px;box-shadow:0 4px 0 var(--cream-deep)}.level-row{display:flex;align-items:center;gap:8px;margin:18px 0 22px}.level-label{font-weight:700;color:var(--ink-soft);font-size:14px;margin-right:2px}.level-chip{border-radius:999px;padding:8px 16px;font-weight:800;font-size:15px;background:var(--card);color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--cream-deep)}.level-chip.on{background:var(--ink);color:var(--cream);box-shadow:none}.subjects{display:grid;grid-template-columns:1fr 1fr;gap:14px}.subject-card{border-radius:var(--radius-lg);padding:18px 16px 16px;text-align:left;min-height:148px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.subject-card .s-icon{display:inline-flex;line-height:1;margin-bottom:auto;filter:drop-shadow(0 3px 0 rgb(0 0 0 / .15))}.deva-glyph{font-weight:800;line-height:1;display:inline-block}.subject-card .s-name{font-size:22px;font-weight:800;line-height:1.1}.subject-card .s-tag{font-size:13px;font-weight:600;opacity:.85}.subject-card .s-stars{position:absolute;top:12px;right:14px;font-size:14px;font-weight:800;background:#ffffff47;border-radius:999px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px}[data-subject=maths]{--c: var(--maths);--c-deep: var(--maths-deep);--wash: var(--maths-wash)}[data-subject=english]{--c: var(--english);--c-deep: var(--english-deep);--wash: var(--english-wash)}[data-subject=hindi]{--c: var(--hindi);--c-deep: var(--hindi-deep);--wash: var(--hindi-wash)}[data-subject=logic]{--c: var(--logic);--c-deep: var(--logic-deep);--wash: var(--logic-wash)}.sticker-btn{margin-top:22px;width:100%;padding:16px;border-radius:var(--radius-md);background:var(--card);box-shadow:0 5px 0 var(--cream-deep);font-weight:800;font-size:17px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px}.sticker-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--cream-deep)}.screen-wash{background:var(--wash);border-radius:var(--radius-lg);flex:1;padding:18px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.back-btn{width:48px;height:48px;flex:none;border-radius:16px;background:var(--card);box-shadow:0 4px 0 var(--cream-deep);font-size:22px;font-weight:800;color:var(--ink);display:grid;place-items:center}.back-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--cream-deep)}.topbar h2{margin:0;font-size:24px;font-weight:800;flex:1;display:flex;align-items:center;gap:9px}.star-count{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:48px;font-weight:800}.activity-list{display:flex;flex-direction:column;gap:14px}.activity-row{display:flex;align-items:center;gap:14px;padding:14px 16px;text-align:left;border-radius:var(--radius-md);font-size:20px;font-weight:800}.activity-row .a-badge{width:46px;height:46px;flex:none;border-radius:15px;background:#ffffff38;display:grid;place-items:center}.activity-row .a-go{margin-left:auto;display:inline-flex;opacity:.9}.play{flex:1;display:flex;flex-direction:column}.progress-dots{display:flex;gap:8px;flex:1;justify-content:center}.dot{width:14px;height:14px;border-radius:50%;background:var(--cream-deep);transition:background .25s,transform .25s}.dot.done{background:var(--sun);transform:scale(1.1)}.dot.now{background:var(--c);transform:scale(1.35)}.prompt-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 4px;min-height:54px}.prompt{font-size:clamp(22px,6vw,28px);font-weight:800;text-align:center;line-height:1.15}.say-btn{width:52px;height:52px;flex:none;border-radius:50%;font-size:24px;display:grid;place-items:center}.visual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;font-size:clamp(34px,10vw,50px);line-height:1.15;background:var(--card);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--cream-deep);padding:16px 14px;margin:14px 0 6px;min-height:76px}.visual .plus{font-size:.7em;font-weight:800;color:var(--ink-soft);margin:0 6px}.visual .dim{opacity:.25;filter:grayscale(1)}.visual.memory-hidden{font-size:56px}.visual.sentence{font-size:clamp(20px,5.5vw,28px);font-weight:800;line-height:1.25}.prompt.equation{font-size:clamp(32px,10vw,42px)}.section-label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:10px 0 -2px 6px}.section-label:first-child{margin-top:0}.entry-box{align-self:center;min-width:150px;min-height:88px;padding:14px 30px;background:var(--card);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--cream-deep);font-size:46px;font-weight:800;display:grid;place-items:center;letter-spacing:3px}.entry-box .ph{opacity:.25}.entry-box.shake{animation:shake .45s ease-out}.entry-box.right{background:var(--good);color:#fefcf4;box-shadow:0 5px 0 var(--good-deep);animation:pop .45s cubic-bezier(.2,1.6,.4,1)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:16px}.key{min-height:60px;border-radius:18px;font-size:26px;font-weight:800}.key.ok{--c: var(--good);--c-deep: var(--good-deep)}.key.del{background:var(--card);color:var(--ink);box-shadow:0 6px 0 var(--cream-deep)}.key.del:active{box-shadow:0 1px 0 var(--cream-deep)}.key:disabled{opacity:.45}.order-row{display:flex;gap:12px;justify-content:center;align-items:center;touch-action:none;padding:8px 0}.order-tile{width:clamp(64px,18vw,76px);height:clamp(64px,18vw,76px);flex:none;border-radius:var(--radius-md);font-size:30px;font-weight:800;display:grid;place-items:center;transition:transform .16s ease-out}.order-tile.dragging{z-index:5;transition:none;box-shadow:0 12px 20px #00000038,0 6px 0 var(--c-deep)}.order-row.won .order-tile{animation:slotwave .55s ease both}.order-check{--c: var(--good);--c-deep: var(--good-deep);margin-top:auto;width:100%;padding:16px;border-radius:var(--radius-md);font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.order-check:disabled{opacity:.55}.notebook{align-self:center;display:grid;grid-template-columns:repeat(var(--cols),clamp(46px,13vw,56px));justify-content:center;background:var(--card);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--cream-deep);padding:18px 16px}.notebook.shake{animation:shake .45s ease-out}.nb-cell{height:clamp(48px,13vw,58px);display:grid;place-items:center;font-size:clamp(38px,11vw,48px);font-weight:800;line-height:1}.nb-sign{color:var(--ink-soft)}.nb-rule{grid-column:1 / -1;height:0;border-top:4px solid var(--ink);opacity:.35;margin:6px 0}.nb-box{border-radius:12px;box-shadow:inset 0 0 0 3px var(--cream-deep);margin:2px;height:clamp(44px,12vw,54px)}.nb-box.right{color:#fefcf4;background:var(--good);box-shadow:0 4px 0 var(--good-deep);animation:pop .45s cubic-bezier(.2,1.6,.4,1)}.diff-intro{text-align:center;font-size:20px;font-weight:800;color:var(--ink-soft);margin:0 0 6px}.diff-pick{display:flex;flex-direction:column;gap:14px}.diff-btn{padding:18px 20px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;font-weight:800}.diff-name{font-size:22px}.diff-stars{font-size:20px}.spell-pic{font-size:clamp(60px,22vw,96px);min-height:120px}.letter-boxes{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}.letter-boxes.shake{animation:shake .45s ease-out}.lbox{width:clamp(44px,12vw,54px);height:clamp(48px,13vw,58px);border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 3px var(--cream-deep);display:grid;place-items:center;font-size:clamp(28px,8vw,36px);font-weight:800;text-transform:uppercase}.lbox.right{color:#fefcf4;background:var(--good);box-shadow:0 4px 0 var(--good-deep);animation:pop .45s cubic-bezier(.2,1.6,.4,1)}.letterpad{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding-top:14px}.lkey{min-height:46px;border-radius:14px;font-size:20px;font-weight:800;text-transform:uppercase;display:grid;place-items:center}.lkey.ok{--c: var(--good);--c-deep: var(--good-deep)}.lkey.del{background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--cream-deep)}.lkey.del:active{box-shadow:0 1px 0 var(--cream-deep)}.lkey:disabled{opacity:.4}.imprint{display:inline-block;color:var(--c-deep, var(--sun-deep));animation:stamp .6s cubic-bezier(.2,1.5,.4,1) both}.prompt .imprint{margin-left:2px}@keyframes stamp{0%{transform:scale(2.6) rotate(-10deg);opacity:0}55%{transform:scale(.9) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes slotwave{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-12px) scale(1.1)}}.trace-wrap{flex:1;position:relative;background:var(--card);border-radius:var(--radius-lg);box-shadow:0 6px 0 var(--cream-deep);margin:14px 0;overflow:hidden;min-height:260px}.trace-wrap canvas{display:block;touch-action:none;cursor:crosshair}.trace-done{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:90px;pointer-events:none;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}.trace-actions{display:flex;gap:12px}.trace-btn{flex:1;padding:15px;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.trace-btn.wipe{background:var(--card);color:var(--ink);box-shadow:0 6px 0 var(--cream-deep)}.trace-btn.wipe:active{box-shadow:0 1px 0 var(--cream-deep)}.stage{flex:1;display:flex;flex-direction:column;justify-content:center}.listen-big{align-self:center;font-size:74px;line-height:1;padding:24px;border-radius:50%;background:var(--card);box-shadow:0 6px 0 var(--cream-deep);animation:wiggle 2.2s ease-in-out infinite}.listen-big:active{transform:translateY(5px)!important;box-shadow:0 1px 0 var(--cream-deep)}@keyframes wiggle{0%,to{transform:rotate(0)}8%{transform:rotate(-7deg)}16%{transform:rotate(6deg)}24%{transform:rotate(0)}}.choices{padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.choices.cols-1{grid-template-columns:1fr}.choice{min-height:84px;border-radius:var(--radius-md);font-weight:800;font-size:clamp(30px,8.5vw,40px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px;padding:12px;line-height:1.1}.choice.word{font-size:clamp(22px,6.5vw,30px)}.choice.is-group{font-size:clamp(24px,7vw,32px);min-height:110px}.choice.wrong{animation:shake .4s ease-out;opacity:.35;--c: var(--cream-deep);--c-deep: oklch(86% .04 85);color:var(--ink-soft)}.choice.right{--c: var(--good);--c-deep: var(--good-deep);animation:pop .45s cubic-bezier(.2,1.6,.4,1)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confetti{position:absolute;top:42%;left:50%;font-size:26px;animation:burst .9s ease-out forwards}@keyframes burst{0%{transform:translate(0) scale(.6) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.15) rotate(var(--rot));opacity:0}}.round-end{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.round-end .big-cheer{line-height:1;display:inline-flex;filter:drop-shadow(0 5px 0 rgb(0 0 0 / .08));animation:pop .6s cubic-bezier(.2,1.6,.4,1)}.round-end h2{margin:8px 0 0;font-size:32px;font-weight:800}.round-end .earned{font-size:30px;letter-spacing:4px;margin:6px 0 20px}.round-end .earned .dim{opacity:.25}.end-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.end-actions .chunk{padding:16px;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.round-end .earned{display:flex;gap:8px;margin:6px 0 20px}.end-actions .quiet{background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--cream-deep)}.end-actions .quiet:active{box-shadow:0 1px 0 var(--cream-deep)}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sticker-cell{aspect-ratio:1;border-radius:var(--radius-md);background:var(--card);box-shadow:0 4px 0 var(--cream-deep);display:grid;place-items:center;font-size:34px}.sticker-cell.locked{font-size:20px;opacity:.45}.sticker-note{text-align:center;color:var(--ink-soft);font-weight:600;margin-top:16px;font-size:15px}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:12px 4px 40px;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}.welcome .brand{margin-bottom:18px}.welcome-title{margin:6px 0 0;font-size:clamp(30px,9vw,40px);font-weight:800;line-height:1.1}.welcome-sub{margin:4px 0 22px;font-size:19px;font-weight:700;color:var(--ink-soft)}.welcome-form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:16px}.name-input{width:100%;min-height:58px;padding:12px 20px;border:none;border-radius:var(--radius-md);background:var(--card);color:var(--ink);font-family:inherit;font-size:22px;font-weight:800;text-align:center;box-shadow:inset 0 0 0 3px var(--cream-deep);outline:none;transition:box-shadow .15s ease-out;-webkit-user-select:text;user-select:text}.name-input::placeholder{color:var(--ink-soft);opacity:.55;font-weight:700}.name-input:focus{box-shadow:inset 0 0 0 3px var(--logic)}.welcome-go{--c: var(--logic);--c-deep: var(--logic-deep);padding:16px;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.welcome-go:disabled{opacity:.45}.progress-loading{text-align:center;color:var(--ink-soft);font-weight:700;font-size:17px;margin:40px 0}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat-tile{background:var(--card);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--cream-deep);padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:3px}.stat-num{font-size:26px;font-weight:800;line-height:1;color:var(--ink)}.stat-label{font-size:12px;font-weight:700;color:var(--ink-soft);letter-spacing:.03em}.subj-progress{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.subj-card{background:var(--c);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--c-deep);padding:14px;display:flex;flex-direction:column;gap:4px;color:#fefcf4}.subj-card .subj-ic{display:inline-flex;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .15))}.subj-card .subj-name{font-size:17px;font-weight:800;line-height:1.1}.subj-card .subj-meta{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:800}.subj-card .subj-rounds{opacity:.85;font-weight:700;margin-left:4px}.history-head{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:var(--ink);margin-bottom:12px}.history-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--ink-soft);font-weight:700;padding:24px 12px}.history-empty p{margin:0;font-size:15px}.history-list{display:flex;flex-direction:column;gap:10px}.history-row{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius-md);box-shadow:0 3px 0 var(--cream-deep);padding:11px 14px}.history-row .hist-dot{width:12px;height:12px;flex:none;border-radius:50%;background:var(--c)}.history-row .hist-name{font-weight:800;font-size:15px;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row .mini-stars{display:inline-flex;gap:1px;flex:none}.history-row .reltime{font-size:12px;font-weight:700;color:var(--ink-soft);flex:none;min-width:56px;text-align:right}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}