:root{--font-size:16px;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#030213;--primary-foreground:#fff;--secondary:#eceef2;--secondary-foreground:#030213;--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#030213;--destructive:#d4183d;--destructive-foreground:#fff;--border:#0000001a;--input:transparent;--input-background:#f3f3f5;--switch-background:#cbced4;--font-weight-medium:500;--font-weight-normal:400;--ring:#a1a1a1;--chart-1:#f05100;--chart-2:#009588;--chart-3:#104e64;--chart-4:#fcbb00;--chart-5:#f99c00;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#030213;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root{--foreground:lab(2.75381% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary-foreground:lab(100% 0 0);--secondary:lab(94.1758% -.154406 -2.19268);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(57.1026% 64.2584 89.8886);--chart-2:lab(55.0223% -41.0774 -3.90277);--chart-3:lab(30.372% -13.1853 -18.7887);--chart-4:lab(80.1641% 16.6016 99.2089);--chart-5:lab(72.7183% 31.8672 97.9407);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#0a0a0a;--card-foreground:#fafafa;--popover:#0a0a0a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#82181a;--destructive-foreground:#fb2c36;--border:#262626;--input:#262626;--ring:#525252;--font-weight-medium:500;--font-weight-normal:400;--chart-1:#1447e6;--chart-2:#00bb7f;--chart-3:#f99c00;--chart-4:#ac4bff;--chart-5:#ff2357;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#262626;--sidebar-ring:#525252}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(2.75381% 0 0);--card-foreground:lab(98.26% 0 0);--popover:lab(2.75381% 0 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(55.4814% 75.0732 48.8528);--border:lab(15.204% 0 -.00000596046);--input:lab(15.204% 0 -.00000596046);--ring:lab(34.924% 0 0);--chart-1:lab(36.9089% 35.0961 -85.6872);--chart-2:lab(66.9756% -58.27 19.5419);--chart-3:lab(72.7183% 31.8672 97.9407);--chart-4:lab(52.0183% 66.11 -78.2316);--chart-5:lab(56.101% 79.4328 31.4532);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(15.204% 0 -.00000596046);--sidebar-ring:lab(34.924% 0 0)}}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-size:var(--font-size)}h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4,label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}
:root{--kid-sky:#38bdf8;--kid-sky-dark:#0284c7;--kid-yellow:#fbbf24;--kid-yellow-dark:#d97706;--kid-pink:#f472b6;--kid-pink-dark:#db2777;--kid-green:#34d399;--kid-green-dark:#059669;--kid-orange:#fb923c;--kid-coral:#f87171;--kid-coral-new:#ff6b6b;--kid-teal-new:#4ecdc4;--kid-yellow-new:#ffe66d;--kid-purple-new:#f59e0b;--kid-bg-cream:#fff9f0;--kid-success:#00b894;--kid-error:#ff7675;--kid-paper:#fffdf7;--kid-ink:#0b2030;--kid-muted:#475569;--kid-sticker-shadow:8px 8px 0 #0b203024;--radius-kid-sm:12px;--radius-kid:20px;--radius-kid-lg:28px;--radius-kid-xl:36px;--brand-ink:#14324a;--brand-muted:#64748b;--brand-sky:#0284c7;--brand-sky-soft:#e0f2fe;--brand-teal:#0f766e;--brand-teal-soft:#ccfbf1;--brand-gold:#d97706;--brand-gold-soft:#fef3c7;--brand-rose:#e11d48;--brand-page:#f6fbff;--brand-border:#0284c724;--btn-border-width:4px}html,body{font-family:var(--font-nunito), "Nunito", sans-serif!important}.btn-kid{font-family:var(--font-nunito), sans-serif;border-radius:var(--radius-kid);border-bottom:var(--btn-border-width) solid #0003;cursor:pointer;min-height:56px;text-shadow:none;letter-spacing:.01em;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:800;transition:all .12s;display:inline-flex;position:relative;top:0}.btn-kid:active{border-bottom-width:1px;top:3px;transform:scale(.97)}.btn-kid:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-kid:disabled{opacity:.55;cursor:not-allowed;top:0;transform:none}.btn-kid-sky{background:linear-gradient(160deg, var(--kid-sky) 0%, var(--kid-sky-dark) 100%);color:#fff;border-color:#075985}.btn-kid-yellow{background:linear-gradient(160deg, #fde68a 0%, var(--kid-yellow) 100%);color:#78350f;border-color:#92400e}.btn-kid-pink{background:linear-gradient(160deg, #fbcfe8 0%, var(--kid-pink) 100%);color:#fff;border-color:#9d174d}.btn-kid-green{background:linear-gradient(160deg, #a7f3d0 0%, var(--kid-green) 100%);color:#064e3b;border-color:#047857}.btn-kid-orange{background:linear-gradient(160deg, #fed7aa 0%, var(--kid-orange) 100%);color:#fff;border-color:#9a3412}.btn-kid-coral{background:linear-gradient(160deg, #fca5a5 0%, var(--kid-coral-new) 100%);color:#fff;border-color:#b91c1c}.btn-kid-teal{background:linear-gradient(160deg, #5eead4 0%, var(--kid-teal-new) 100%);color:#fff;border-color:#0f766e}.btn-kid-purple{background:linear-gradient(160deg, #fde68a 0%, var(--kid-purple-new) 100%);color:#3b2500;border-color:#92400e}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(60px)rotate(360deg)}}.animate-confetti{animation:.8s ease-out forwards confetti-fall}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:.5s ease-in-out shake}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.animate-pop{animation:.3s ease-out pop}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ff6b6b66}50%{box-shadow:0 0 25px #ff6b6bb3}}.animate-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes voice-wave-rise{0%,to{opacity:.58;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@keyframes voice-live-pulse{0%{transform:scale(1);box-shadow:0 0 #ff6b6b61}70%{transform:scale(1.08);box-shadow:0 0 0 10px #ff6b6b00}to{transform:scale(1);box-shadow:0 0 #ff6b6b00}}.voice-listening-card{background:linear-gradient(135deg, #ff6b6b1c, #4ecdc41f), var(--kid-paper);border:2px solid #ff6b6b33;border-radius:22px;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.voice-live-dot{background:var(--kid-coral-new);border-radius:999px;width:.75rem;height:.75rem;animation:1.15s ease-out infinite voice-live-pulse;box-shadow:0 0 0 4px #ff6b6b1f}.voice-wave{background:#ffffffb8;border:1px solid #4ecdc442;border-radius:999px;justify-content:center;align-items:center;gap:.18rem;min-width:4.25rem;height:2rem;padding:0 .65rem;display:inline-flex}.voice-wave-bar{background:linear-gradient(180deg, var(--kid-coral-new), var(--kid-teal-new));transform-origin:50%;border-radius:999px;width:.22rem;height:1.25rem;animation:.72s ease-in-out infinite voice-wave-rise}.voice-mic-button{width:3rem;height:3rem;color:var(--kid-sky-dark);background:#fff;border:2px solid #38bdf840;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex;position:relative;box-shadow:0 5px #0b20301f,0 12px 22px #0284c71f}.voice-mic-button:hover{background:#f0f9ff;transform:translateY(-2px)}.voice-mic-button:focus-visible{outline:none;box-shadow:0 0 0 4px #38bdf82e,0 5px #0b20301f}.voice-mic-button-active{color:var(--kid-coral-new);background:#fff1f2;border-color:#ff6b6b7a;animation:1.15s ease-out infinite voice-live-pulse}.voice-mic-button:disabled{cursor:not-allowed}.card-kid{background:var(--kid-paper);border-radius:var(--radius-kid-lg);box-shadow:var(--kid-sticker-shadow), 0 8px 24px #00000014;border:3px solid #0b20301f;transition:transform .2s,box-shadow .2s}.card-kid:hover{transform:translateY(-3px)rotate(-.4deg);box-shadow:10px 10px #0b203029,0 14px 32px #0000001f}.kid-paper-page{background:radial-gradient(circle at 10% 8%, #ffe66d52, transparent 22rem), radial-gradient(circle at 92% 16%, #4ecdc43d, transparent 24rem), linear-gradient(180deg, var(--kid-bg-cream) 0%, #fff7ed 44%, #ecfeff 100%);min-height:100vh;color:var(--kid-ink)}.kid-paper-header{background:linear-gradient(135deg, var(--kid-coral-new), var(--kid-teal-new));color:#fff;box-shadow:0 12px #0b20301a}.kid-sticker-card{background:var(--kid-paper);border-radius:var(--radius-kid-lg);box-shadow:var(--kid-sticker-shadow);border:3px solid #0b20301f}.kid-choice{border-width:3px;border-radius:22px;min-height:72px;font-size:1.125rem;line-height:1.55}.kid-readable{font-size:1.125rem;line-height:1.65}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.animate-wiggle{animation:1.2s ease-in-out infinite wiggle}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)translateY(30px)}60%{opacity:1;transform:scale(1.1)translateY(-8px)}80%{transform:scale(.96)translateY(3px)}to{transform:scale(1)translateY(0)}}.animate-bounce-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both bounce-in}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.3)rotate(15deg)}}.animate-sparkle{animation:1.5s ease-in-out infinite sparkle}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.45s both fade-slide-up}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.text-rainbow{background:linear-gradient(90deg,#f87171,#fb923c,#fbbf24,#34d399,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-kid-page{background:linear-gradient(170deg, var(--kid-bg-cream) 0%, #fff7ed 45%, #ecfeff 100%);min-height:100vh}.input-kid{border-radius:var(--radius-kid);width:100%;font-family:var(--font-nunito), sans-serif;color:#0f172a;background:#fff;border:2.5px solid #bae6fd;outline:none;padding:.85rem 1.25rem;font-size:1.05rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.input-kid:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf82e}.xp-bar{background:#e2e8f0;border-radius:999px;height:14px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:999px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.badge-kid{font-size:.8rem;font-weight:800;font-family:var(--font-nunito), sans-serif;border-radius:999px;align-items:center;gap:4px;padding:2px 12px;display:inline-flex}.Card{border:1px solid var(--brand-border);background:#fffffff0;border-radius:18px;overflow:auto hidden;box-shadow:0 12px 32px #14324a14,0 2px 8px #14324a0a}.CardHeader{background:linear-gradient(#e0f2fe8c,#fff0);border-bottom:1px solid #0284c71f;align-items:center;gap:12px;padding:16px 20px;display:flex}.CardTitle{color:var(--brand-ink);font-size:15px;font-weight:800}thead{background:#f0f9ff}.TableTh{text-align:left;color:#0369a1;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:800}.TableTd{color:#334155;vertical-align:middle;text-overflow:ellipsis;border-top:1px solid #eef6fb;max-width:200px;padding:12px 16px;font-size:14px;overflow:hidden}.TableTd>*{text-overflow:ellipsis;overflow:hidden}.Btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex}.Btn:active{transform:scale(.97)}.BtnPrimary{background:linear-gradient(135deg, var(--brand-sky), var(--brand-teal));color:#fff;box-shadow:0 8px 20px #0284c738}.BtnPrimary:hover{background:linear-gradient(135deg,#0369a1,#0f766e);transform:translateY(-1px);box-shadow:0 12px 24px #0284c747}.BtnSm{color:#0f4c68;cursor:pointer;background:#fff;border:1px solid #bae6fd;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:800;transition:all .15s}.BtnSm:hover{color:#075985;background:#f0f9ff;border-color:#7dd3fc}.BtnDanger{color:var(--brand-rose);background:#fff1f2;border:1px solid #fecdd3}.BtnDanger:hover{background:#ffe4e6;border-color:#fda4af}.BtnGhost{color:var(--brand-muted);background:0 0;border:1px solid #0000}.BtnGhost:hover{color:#075985;background:#f0f9ff}.BtnOutline{color:#0369a1;background:#fff;border:1px solid #bae6fd}.BtnOutline:hover{background:#f0f9ff;border-color:#7dd3fc}.BtnSecondary{color:#334155;background:#f8fafc;border:1px solid #cbd5e1}.BtnSecondary:hover{background:#eef6fb;border-color:#bae6fd}.Btn--primary{background:linear-gradient(135deg, var(--brand-sky), var(--brand-teal));color:#fff;box-shadow:0 8px 20px #0284c738}.Btn--primary:hover{background:linear-gradient(135deg,#0369a1,#0f766e);transform:translateY(-1px)}.Btn--sm{border-radius:10px;padding:5px 12px;font-size:12px}.Btn--ghost{color:var(--brand-muted);background:0 0;border-color:#0000}.Btn--ghost:hover{color:#075985;background:#f0f9ff}.Btn--outline{color:#0369a1;background:#fff;border-color:#bae6fd}.Btn--outline:hover{background:#f0f9ff;border-color:#7dd3fc}.Btn--secondary{color:#334155;background:#f8fafc;border-color:#cbd5e1}.Btn--secondary:hover{background:#eef6fb;border-color:#bae6fd}.Input{color:#1e293b;background:#fff;border:1.5px solid #bae6fd;border-radius:12px;outline:none;width:100%;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.Input:focus{border-color:var(--brand-sky);box-shadow:0 0 0 3px #0284c71f}.Input::placeholder{color:#94a3b8}.ModalOverlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ModalBox{border:1px solid var(--brand-border);background:#fff;border-radius:22px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 25px 50px #14324a2e,0 0 0 1px #0284c70f}.ModalHeader{background:linear-gradient(#e0f2feb3,#fff0);border-bottom:1px solid #0284c71f;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.ModalTitle{color:var(--brand-ink);font-size:16px;font-weight:700}.ModalBody{padding:20px 24px}.Field{flex-direction:column;gap:5px;display:flex}.FieldLabel{color:var(--brand-ink);font-size:13px;font-weight:600}.FieldRequired{color:#ef4444;margin-left:2px}.FieldInput{color:#1e293b;background:#fff;border:1.5px solid #bae6fd;border-radius:12px;outline:none;width:100%;padding:9px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.FieldInput:focus{border-color:var(--brand-sky);box-shadow:0 0 0 3px #0284c71f}.FieldError{color:#ef4444;margin-top:2px;font-size:12px}.Badge{border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:800;display:inline-flex}.BadgeActive{color:#15803d;background:#dcfce7}.BadgeInactive{color:#64748b;background:#f1f5f9}.BadgeError{color:#dc2626;background:#fef2f2}.BadgeWarning{background:var(--brand-gold-soft);color:var(--brand-gold)}.BadgeInfo{background:var(--brand-sky-soft);color:#0369a1}.app-page{background:radial-gradient(circle at 0 0,#bae6fde6,#0000 34rem),radial-gradient(circle at 100% 100%,#ccfbf1bf,#0000 30rem),linear-gradient(#f8fcff 0%,#f6fbff 48%,#fff7ed 100%);min-height:100vh}.app-header{color:#fff;background:linear-gradient(135deg,#0284c7,#0f766e);box-shadow:0 12px 28px #0284c738}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card-kid:hover{transform:none}}