.kids{--k-saffron:oklch(83% 0.16 80);--k-saffron-d:oklch(74% 0.17 72);--k-coral:oklch(71% 0.17 38);--k-coral-d:oklch(62% 0.18 34);--k-teal:oklch(73% 0.12 195);--k-teal-d:oklch(62% 0.13 198);--k-grape:oklch(67% 0.15 300);--k-grape-d:oklch(57% 0.16 300);--k-sky:oklch(73% 0.13 235);--k-correct:oklch(72% 0.17 150);--k-correct-d:oklch(62% 0.17 152);--k-wrong:oklch(66% 0.19 25);--k-wrong-d:oklch(57% 0.20 25);--k-ink:oklch(28% 0.05 55);--k-ink-soft:oklch(45% 0.04 55);--k-ink-dim:oklch(60% 0.03 60);--k-cream:oklch(97% 0.025 85);--k-surface:oklch(99.5% 0.012 90);--k-surface-2:oklch(96% 0.03 80);--k-line:oklch(88% 0.04 75);--k-line-2:oklch(82% 0.05 70);--k-on-accent:oklch(99% 0.02 90);--k-on-saffron:oklch(28% 0.06 55);--kr-sm:14px;--kr-md:20px;--kr-lg:28px;--kr-xl:36px;--kr-2xl:46px;--kr-full:9999px;--k-display:"Baloo 2","Cairo",system-ui,sans-serif;--k-display-ar:"Baloo Bhaijaan 2","Cairo",system-ui,sans-serif;--k-ui:"Cairo",system-ui,sans-serif;--k-spring:cubic-bezier(0.22,1.2,0.36,1);--k-out:cubic-bezier(0.16,1,0.3,1);color:var(--k-ink);font-family:var(--k-ui)}.kids[dir=rtl]{--k-display:var(--k-display-ar)}.kids .theme-toggle-fab{display:none!important}.k-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 90% 55% at 50% -8%,oklch(90% .09 85),transparent 60%),radial-gradient(ellipse 70% 50% at 8% 8%,oklch(86% .1 38/.55),transparent 55%),radial-gradient(ellipse 80% 55% at 96% 100%,oklch(86% .09 195/.5),transparent 55%),radial-gradient(ellipse 70% 50% at 12% 104%,oklch(88% .1 300/.4),transparent 55%),linear-gradient(176deg,oklch(97% .04 90),oklch(95% .045 70))}.k-blob{border-radius:50%;filter:blur(2px)}.k-blob,.k-dots{position:absolute;opacity:.5;pointer-events:none}.k-dots{inset:0;background-image:radial-gradient(circle,oklch(72% .12 80/.35) 2px,transparent 2.6px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,#000,transparent 75%)}.k-eyebrow{font-family:var(--k-ui);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--k-coral-d)}.kids[dir=rtl] .k-eyebrow{letter-spacing:.06em}.k-display{line-height:.98;color:var(--k-ink)}.k-display,.k-h1{font-family:var(--k-display);font-weight:800;letter-spacing:-.01em}.k-h1{font-size:36px;line-height:1}.k-h2{font-family:var(--k-display);font-weight:800;font-size:27px;line-height:1.05}.k-body{font-size:17px;font-weight:600;color:var(--k-ink-soft);line-height:1.4}.k-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:20px 24px;border:none;border-radius:var(--kr-xl);font-family:var(--k-display);font-weight:800;font-size:20px;letter-spacing:.01em;color:var(--k-on-accent);background:linear-gradient(180deg,var(--k-coral),var(--k-coral-d));box-shadow:inset 0 2px 0 oklch(100% 0 0/.4),0 7px 0 0 var(--k-coral-d),0 16px 24px -10px var(--k-coral-d);transition:transform .12s var(--k-spring),box-shadow .12s var(--k-spring);cursor:pointer}.k-btn:active{transform:translateY(5px);box-shadow:inset 0 2px 0 oklch(100% 0 0/.4),0 2px 0 0 var(--k-coral-d),0 8px 14px -8px var(--k-coral-d)}.k-btn.is-saffron{background:linear-gradient(180deg,var(--k-saffron),var(--k-saffron-d));color:var(--k-on-saffron);box-shadow:inset 0 2px 0 oklch(100% 0 0/.5),0 7px 0 0 var(--k-saffron-d),0 16px 24px -10px var(--k-saffron-d)}.k-btn.is-saffron:active{box-shadow:inset 0 2px 0 oklch(100% 0 0/.5),0 2px 0 0 var(--k-saffron-d),0 8px 14px -8px var(--k-saffron-d)}.k-btn.is-teal{background:linear-gradient(180deg,var(--k-teal),var(--k-teal-d));box-shadow:inset 0 2px 0 oklch(100% 0 0/.4),0 7px 0 0 var(--k-teal-d),0 16px 24px -10px var(--k-teal-d)}.k-btn:disabled{filter:saturate(.5) opacity(.55);cursor:default}.k-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:18px 22px;border:2.5px solid var(--k-line-2);border-radius:var(--kr-xl);background:var(--k-surface);font-family:var(--k-display);font-weight:800;font-size:18px;color:var(--k-ink);box-shadow:0 4px 0 0 var(--k-line-2);transition:transform .12s var(--k-spring);cursor:pointer}.k-btn-ghost:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--k-line-2)}.k-card{border:2px solid var(--k-line);border-radius:var(--kr-lg);box-shadow:inset 0 1px 0 oklch(100% 0 0/.9),0 14px 30px -18px oklch(50% .08 60/.4)}.k-card,.k-input{background:var(--k-surface)}.k-input{width:100%;padding:20px 22px;border:2.5px solid var(--k-line-2);border-radius:var(--kr-lg);color:var(--k-ink);font-family:var(--k-display);font-size:22px;font-weight:700;outline:none;transition:border-color .2s,box-shadow .2s}.k-input::-moz-placeholder{color:var(--k-ink-dim);font-weight:600}.k-input::placeholder{color:var(--k-ink-dim);font-weight:600}.k-input:focus{border-color:var(--k-saffron);box-shadow:0 0 0 5px oklch(83% .16 80/.25)}.k-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--kr-full);background:var(--k-surface);border:2px solid var(--k-line);font-weight:800;font-size:13px;color:var(--k-ink-soft);font-family:var(--k-ui)}.k-tap{transition:transform .12s var(--k-spring)}.k-tap:active{transform:scale(.95)}@keyframes k-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes k-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes k-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes k-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes k-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes k-confetti{to{transform:translateY(760px) rotate(2turn);opacity:0}}@keyframes k-twinkle{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:.4}}@keyframes k-spin-slow{to{transform:rotate(1turn)}}.k-anim-pop{animation:k-pop .5s var(--k-spring) both}.k-anim-rise{animation:k-rise .5s var(--k-out) both}.k-anim-float{animation:k-float 4s ease-in-out infinite}.k-anim-bounce{animation:k-bounce 1.6s var(--k-spring) infinite}