@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito:wght@600;700;800;900&display=swap");.kidz-root{--k-navy:#1f2b5b;--k-coral:#f0664a;--k-honey:#f6b73c;--k-mint:#46b79c;--k-sky:#7db7ea;--k-cream:#fff6e5;--k-paper:#fff;--k-coral-soft:#fce0d8;--k-honey-soft:#fdeec9;--k-mint-soft:#d5f0e8;--k-sky-soft:#ddebf9;--k-navy-soft:#e4e7f1;--k-shadow:0 6px 0 rgba(31,43,91,.16);--k-radius:20px;--k-radius-lg:24px;--k-radius-sm:16px;--k-outline:2px solid var(--k-navy);position:fixed;inset:0;z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--k-cream);color:var(--k-navy);font-family:Nunito,Fredoka,system-ui,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased;touch-action:manipulation;color-scheme:light}.kidz-root *{-webkit-tap-highlight-color:transparent;box-sizing:border-box}.kidz-root h1,.kidz-root h2,.kidz-root h3,.kidz-title{font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:700;letter-spacing:.005em;color:var(--k-navy);margin:0}.kidz-root p{margin:0}.kidz-root a{color:inherit;text-decoration:none}.kidz-arabic{font-family:Amiri Quran,Amiri,Scheherazade New,Noto Naskh Arabic,serif;direction:rtl;line-height:1.7;font-weight:400;unicode-bidi:isolate}.kidz-root :focus{outline:none}.kidz-root :focus-visible{outline:3px solid var(--k-coral);outline-offset:3px}.kidz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;min-width:56px;padding:.85rem 1.4rem;border-radius:var(--k-radius);font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:1.1rem;line-height:1.2;border:var(--k-outline);background:var(--k-paper);color:var(--k-navy);box-shadow:var(--k-shadow);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.kidz-btn:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(31,43,91,.16)}.kidz-btn:disabled{cursor:default;opacity:.7}.kidz-btn--coral{background:var(--k-coral);color:var(--k-paper)}.kidz-btn--honey{background:var(--k-honey);color:var(--k-navy)}.kidz-btn--mint{background:var(--k-mint);color:var(--k-paper)}.kidz-btn--sky{background:var(--k-sky);color:var(--k-navy)}.kidz-btn--navy{background:var(--k-navy);color:var(--k-paper)}.kidz-btn--ghost{background:var(--k-cream)}.kidz-btn--small{min-height:52px;padding:.6rem 1rem;font-size:1rem}.kidz-round{width:56px;height:56px;min-width:56px;min-height:56px;padding:0;border-radius:50%}.kidz-card{background:var(--k-paper);border:var(--k-outline);border-radius:var(--k-radius-lg);box-shadow:var(--k-shadow)}.kidz-card--flat{box-shadow:none}.kidz-door{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:150px;padding:1.1rem .75rem;border-radius:var(--k-radius-lg);border:var(--k-outline);box-shadow:var(--k-shadow);text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.kidz-door:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(31,43,91,.16)}.kidz-door .label{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:1.25rem;color:var(--k-navy)}.kidz-row{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;min-height:84px;background:var(--k-paper);border:var(--k-outline);border-radius:var(--k-radius);box-shadow:var(--k-shadow);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease;text-align:start}.kidz-row:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(31,43,91,.16)}.kidz-row--locked{background:var(--k-navy-soft)}.kidz-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:40px;padding:.35rem .85rem;border-radius:9999px;border:var(--k-outline);background:var(--k-paper);font-weight:800;font-size:.95rem;color:var(--k-navy)}.kidz-chip--honey{background:var(--k-honey)}.kidz-chip--mint{background:var(--k-mint);color:var(--k-paper)}.kidz-chip--coral{background:var(--k-coral);color:var(--k-paper)}.kidz-chip--sky{background:var(--k-sky)}.kidz-toggle{display:flex;align-items:center;gap:.9rem;width:100%;min-height:64px;padding:.8rem 1rem;border-radius:var(--k-radius);border:var(--k-outline);background:var(--k-paper);box-shadow:var(--k-shadow);cursor:pointer;text-align:start;font:inherit;color:var(--k-navy);transition:background .15s ease,transform .12s ease}.kidz-toggle[aria-checked=true],.kidz-toggle[aria-pressed=true]{background:var(--k-mint-soft)}.kidz-toggle:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(31,43,91,.16)}.kidz-check{width:36px;height:36px;min-width:36px;border-radius:12px;border:var(--k-outline);background:var(--k-paper);display:inline-flex;align-items:center;justify-content:center;color:var(--k-paper);font-weight:900;transition:background .15s ease}.kidz-toggle[aria-checked=true] .kidz-check,.kidz-toggle[aria-pressed=true] .kidz-check{background:var(--k-mint)}.kidz-input{width:100%;min-height:56px;padding:.7rem 1rem;border-radius:var(--k-radius-sm);border:var(--k-outline);background:var(--k-paper);color:var(--k-navy);font:inherit;font-weight:700;font-size:1.05rem}.kidz-input::-moz-placeholder{color:rgba(31,43,91,.45)}.kidz-input::placeholder{color:rgba(31,43,91,.45)}.kidz-progress{height:14px;border-radius:9999px;border:var(--k-outline);background:var(--k-paper);overflow:hidden}.kidz-progress>span{display:block;height:100%;background:var(--k-mint);border-radius:9999px;transition:width .3s ease}.kidz-dots{display:flex;gap:6px;justify-content:center;align-items:center}.kidz-dots>span{width:12px;height:12px;border-radius:50%;border:2px solid var(--k-navy);background:var(--k-paper);transition:background .2s ease,transform .2s ease}.kidz-dots>span[data-on=true]{background:var(--k-coral);transform:scale(1.2)}.kidz-dots>span[data-done=true]{background:var(--k-honey)}.kidz-page{position:relative;max-width:560px;margin:0 auto;padding:.75rem 1rem 7rem}.kidz-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;background:var(--k-cream);border-bottom:2px solid var(--k-navy)}.kidz-header h1{flex:1;text-align:center;font-size:1.3rem;line-height:1.2}.kidz-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--k-paper);border-top:2px solid var(--k-navy)}.kidz-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border-radius:var(--k-radius-sm);border:2px solid transparent;font-size:.8rem;font-weight:800;color:var(--k-navy);background:transparent;cursor:pointer}.kidz-tab[aria-current=page]{background:var(--k-honey-soft);border-color:var(--k-navy)}.kidz-tab svg{width:26px;height:26px}.kidz-lock{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:var(--k-outline);background:var(--k-paper)}@keyframes kidz-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.kidz-bob{animation:kidz-bob 2.4s ease-in-out infinite}@keyframes kidz-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.kidz-pop{animation:kidz-pop .32s ease-out}@keyframes kidz-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.kidz-spark{position:absolute;font-size:1.5rem;pointer-events:none;animation:kidz-burst .9s ease-out forwards}@keyframes kidz-glow{0%,to{opacity:.55}50%{opacity:1}}.kidz-glow{animation:kidz-glow 2.2s ease-in-out infinite}@keyframes kidz-slide-in{0%{transform:translateX(var(--from,40px));opacity:0}to{transform:translateX(0);opacity:1}}.kidz-slide-in{animation:kidz-slide-in .42s ease-out both}.kidz-figure g[data-limb]{transform-box:fill-box}.kidz-figure,.kidz-figure g[data-limb]{transition:transform .52s cubic-bezier(.4,0,.2,1)}.flip-card{perspective:1000px}.flip-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--k-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.flip-back{transform:rotateY(180deg)}.kidz-root[dir=rtl] .kidz-mirror{transform:scaleX(-1)}.kidz-root[dir=rtl] .flip-back,.kidz-root[dir=rtl] .flip-card.flipped .flip-inner{transform:rotateY(-180deg)}@media (prefers-reduced-motion:reduce){.kidz-bob,.kidz-glow,.kidz-pop,.kidz-slide-in,.kidz-spark{animation:none!important}.flip-inner,.kidz-btn,.kidz-door,.kidz-figure,.kidz-figure g[data-limb],.kidz-row,.kidz-toggle{transition:none!important}}