:root{--bg1:#f5fbff;--bg2:#f0f4ff;--bg3:#f8f5ff}html,body,#root{height:100%}body{font-family:Inter,Nunito,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 800px at 15% 10%,var(--bg1),transparent 70%),radial-gradient(1200px 800px at 85% 20%,var(--bg2),transparent 70%),radial-gradient(1200px 800px at 50% 100%,var(--bg3),transparent 70%);animation:bgFloat 18s ease-in-out infinite alternate}h1,h2,.playful-title{font-family:"Baloo 2",Fredoka,Inter,sans-serif;letter-spacing:.3px}@keyframes bgFloat{0%{background-position:0px 0px,0px 0px,0px 0px}to{background-position:20px -20px,-10px 30px,0px 10px}}.toybtn{appearance:none;border:1px solid #e5e7eb;background:#fff;color:#111;padding:.6rem 1rem;border-radius:999px;font-weight:700;transition:transform .12s ease,box-shadow .12s ease,background .2s ease;box-shadow:0 2px #0000000d}.toybtn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 18px #1118271f,0 2px 6px #1118270f}.toybtn:active{transform:translateY(0) scale(.98)}.toybtn--dark{background:#0f172a;color:#fff;border-color:#0f172a}.toybtn--green{background:#059669;color:#fff;border-color:#059669}.oracle{position:relative;overflow:hidden}.oracle:after{content:"✨";position:absolute;right:12px;top:8px;opacity:0;transform:translateY(-6px) scale(.8);transition:opacity .25s,transform .25s}.oracle:hover:after{opacity:.9;transform:translateY(0) scale(1)}.ripple{position:absolute;border-radius:50%;pointer-events:none;inset:0;width:20px;height:20px;background:#ffffff59;transform:translate(-50%,-50%) scale(0);animation:ripple .3s ease-out forwards}@keyframes ripple{to{transform:translate(-50%,-50%) scale(10);opacity:0}}.glow{box-shadow:0 0 0 2px #fffc,0 0 22px var(--glow, rgba(0,0,0,0)),0 0 48px var(--glow, rgba(0,0,0,0));transition:box-shadow .25s ease}.confetti{position:fixed;inset:0;pointer-events:none;z-index:9999}
