@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:#fefce8;color:#1e1b4b}.kid-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem;gap:1.5rem;position:relative;overflow:hidden}.kid-bg-deco{position:fixed;font-size:6rem;opacity:.06;pointer-events:none;z-index:0}.deco-1{top:5%;left:5%;transform:rotate(-15deg)}.deco-2{top:40%;right:3%;transform:rotate(20deg);font-size:8rem}.deco-3{bottom:10%;left:15%;transform:rotate(10deg);font-size:5rem}.kid-title{font-size:clamp(1.5rem,5vw,2.4rem);font-weight:700;text-align:center;color:#4338ca;z-index:1;animation:titleBounce 2s ease-in-out infinite}.title-star{display:inline-block;animation:spin 3s linear infinite}@keyframes titleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-bar{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;z-index:1}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .75rem;border:3px solid transparent;border-radius:14px;background:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f;font-family:inherit}.theme-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.theme-btn.active{border-color:var(--accent, #4338ca);background:color-mix(in srgb,var(--accent) 10%,white)}.theme-emoji{font-size:1.5rem}.theme-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.pickers{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;z-index:1}.picker-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.picker-label{font-size:.8rem;font-weight:500;color:#6b7280}.picker-row{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:16px;padding:.35rem;box-shadow:0 2px 10px #00000012}.num-btn{width:2.8rem;height:2.8rem;border:none;border-radius:12px;font-size:1.4rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease;display:grid;place-items:center}.num-btn.minus{background:#fee2e2;color:#dc2626}.num-btn.plus{background:#dcfce7;color:#16a34a}.num-btn:hover{transform:scale(1.1)}.num-btn:active{transform:scale(.95)}.num-display{font-size:2.8rem;font-weight:700;min-width:3rem;text-align:center}.times-sign,.equals-sign{font-size:2.2rem;font-weight:700;color:#9ca3af}.result{font-size:3.2rem;font-weight:700;animation:resultPop .25s ease}@keyframes resultPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.visual-area{width:100%;max-width:900px;z-index:1}.groups-row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.group-card{background:#fff;border:3px solid;border-radius:16px;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;box-shadow:0 3px 12px #0000000f;transition:transform .2s ease;min-width:70px}.group-card:hover{transform:translateY(-4px) scale(1.03)}.group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.items-grid{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;max-width:160px}.item-icon{font-size:1.4rem;animation:itemAppear .3s ease both;display:inline-block}@keyframes itemAppear{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.equation-explain{text-align:center;z-index:1;background:#fff;border-radius:16px;padding:1rem 2rem;box-shadow:0 2px 10px #0000000f}.explain-text{font-size:1.1rem;font-weight:500}.explain-result{font-size:1.4rem;font-weight:700}.explain-math{margin-top:.3rem;font-size:.95rem;color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ref-table-section{width:100%;max-width:520px;z-index:1}.ref-title{text-align:center;font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.ref-table{display:flex;flex-direction:column;gap:.35rem}.ref-row{display:flex;align-items:center;padding:.55rem 1rem;background:#fff;border-radius:12px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 4px #0000000a}.ref-row:hover{transform:translate(4px);box-shadow:0 2px 10px #00000014}.ref-row.ref-highlight{background:#fef08a;box-shadow:0 2px 12px #facc154d;transform:scale(1.02)}.ref-left{font-weight:600;min-width:4.5rem}.ref-dots{flex:1;font-size:.75rem;color:#9ca3af;text-align:center}.ref-right{font-weight:700;font-size:1.1rem;min-width:3.5rem;text-align:right}@media(max-width:600px){.pickers{gap:.6rem}.num-display{font-size:2.2rem;min-width:2.5rem}.result{font-size:2.5rem}.group-card{min-width:55px;padding:.5rem}.item-icon{font-size:1.1rem}.ref-dots{display:none}}