@charset "UTF-8";:root{--purple: #7C3AED;--purple-lt: #EDE9FE;--yellow: #FBBF24;--yellow-lt: #FEF3C7;--green: #10B981;--green-lt: #D1FAE5;--pink: #EC4899;--pink-lt: #FCE7F3;--blue: #3B82F6;--blue-lt: #DBEAFE;--orange: #F97316;--orange-lt: #FFEDD5;--bg: #FAFAFA;--card-bg: #FFFFFF;--text: #1F2937;--muted: #6B7280;--radius: 20px;--radius-sm: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--tap-min: 64px;--nav-h: 76px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}html,body{height:100%;font-family:Nunito,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{text-decoration:none;color:inherit}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:800;border-radius:50px;padding:10px 24px;font-size:15px;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000026}.btn:active{transform:scale(.96)}.btn-outline{background:transparent;border:2px solid var(--purple);color:var(--purple)}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff}.btn-yellow{background:var(--yellow);color:#78350f}.btn-ghost{background:#0000000d;color:var(--text)}.btn-lg{padding:16px 40px;font-size:18px}.kid-button{min-width:var(--tap-min);min-height:48px;border-radius:999px;background:var(--card-bg);box-shadow:var(--shadow);font-size:1.05rem;padding:10px 18px;font-weight:800;transition:transform .12s ease}.kid-button:active{transform:scale(.94)}.tag-purple{background:var(--purple-lt);color:var(--purple)}.tag-green{background:var(--green-lt);color:var(--green)}.tag-pink{background:var(--pink-lt);color:var(--pink)}.tag-blue{background:var(--blue-lt);color:var(--blue)}.tag-orange{background:var(--orange-lt);color:var(--orange)}.tag-yellow{background:var(--yellow-lt);color:#92400e}.page{min-height:calc(100vh - var(--nav-h));padding:28px 48px 48px;max-width:1280px;margin:0 auto}@media(max-width:720px){.page{padding:20px 16px 40px}}.page-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;margin-bottom:6px}.page-subtitle{font-size:1.05rem;color:var(--muted);margin-bottom:22px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}@keyframes app-wiggle-kf{0%,to{transform:rotate(0) scale(1);filter:drop-shadow(0 0 0 rgba(255,220,90,0))}20%{transform:rotate(-6deg) scale(1.07);filter:drop-shadow(0 0 14px rgba(255,220,90,.85))}50%{transform:rotate(7deg) scale(1.08);filter:drop-shadow(0 0 18px rgba(255,220,90,.95))}80%{transform:rotate(-4deg) scale(1.05);filter:drop-shadow(0 0 12px rgba(255,220,90,.7))}}.app-wiggle{animation:app-wiggle-kf 1.2s ease-in-out;transform-origin:center}@keyframes app-boing-kf{0%{transform:translate(var(--bx, 0),var(--by, 0)) rotate(0)}30%{transform:translate(calc(var(--bx, 0) * .6),calc(var(--by, 0) * .6)) rotate(-8deg)}60%{transform:translate(calc(var(--bx, 0) * .2),calc(var(--by, 0) * .2)) rotate(6deg)}to{transform:translate(0) rotate(0)}}.app-boing{animation:app-boing-kf .5s cubic-bezier(.34,1.56,.64,1)}