:root{--bg: #e9f5fc;--surface: #ffffff;--primary: #4caf50;--primary-dark: #3b8e3f;--secondary: #2f80ed;--accent: #ffc53d;--danger: #e4572e;--text: #14395c;--muted: #6e8ca3;--border: #cfe4f2;--radius: 20px;--shadow: 0 4px 0 rgba(20, 57, 92, .12);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-rounded,SF Pro Rounded,Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font:inherit;cursor:pointer}.tappable{border:none;background:none;padding:0;transition:transform 90ms ease,box-shadow 90ms ease}.tappable:active{transform:translateY(2px) scale(.985)}.tappable:focus-visible{outline:4px solid var(--secondary);outline-offset:3px}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{10%,90%{transform:translate(-3px)}30%,70%{transform:translate(5px)}50%{transform:translate(-5px)}}@keyframes float-y{50%{transform:translateY(-8px)}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:0}}@keyframes spin-y{to{transform:rotate(360deg)}}.anim-pop{animation:pop-in .22s ease-out both}.sphere-spin{animation:spin-y 9s linear infinite}.anim-shake{animation:shake .42s ease-in-out both}.anim-float{animation:float-y 2.6s ease-in-out infinite}body.focus-mode .anim-pop,body.focus-mode .anim-shake,body.focus-mode .anim-float,body.focus-mode .sphere-spin{animation:none!important}@media(prefers-reduced-motion:reduce){.anim-pop,.anim-shake,.anim-float,.sphere-spin{animation:none!important}}