:root,[data-theme=day]{--c-red: #ff5a5f;--c-orange: #ff9f1c;--c-yellow: #ffd23f;--c-green: #4cd964;--c-sky: #4fc3f7;--c-blue: #4a7bff;--c-purple: #a66cff;--c-pink: #ff7eb6;--c-white: #ffffff;--c-black: #2b2b3b;--p-black: #2b2b3b;--p-gray: #8a8a9a;--p-white: #ffffff;--p-brown: #8d5524;--p-tan: #e0ac69;--p-red: #ff5a5f;--p-orange: #ff9f1c;--p-yellow: #ffd23f;--p-lime: #b5e61d;--p-green: #4cd964;--p-forest: #1f8a4c;--p-teal: #2ad1c9;--p-sky: #4fc3f7;--p-blue: #4a7bff;--p-navy: #253a8a;--p-purple: #a66cff;--p-lavender: #d9b8ff;--p-pink: #ff7eb6;--p-peach: #ffb7a5;--p-magenta: #ff3fa4;--radius: 28px;--radius-sm: 16px;--stroke: 5px;--tap-min: 44px;--bg: #fff6e5;--bg-2: #ffe9c2;--surface: #ffffff;--surface-2: #fff1d6;--ink: #2b2b3b;--ink-soft: #7a7a90;--accent: #ff9f1c;--shadow: rgba(80, 50, 0, .18);--overlay: rgba(43, 43, 59, .55)}[data-theme=ocean]{--bg: #e3f6ff;--bg-2: #c4ebff;--surface: #ffffff;--surface-2: #ecf8ff;--ink: #1d3557;--ink-soft: #5d7a99;--accent: #4fc3f7;--shadow: rgba(0, 60, 120, .18);--overlay: rgba(29, 53, 87, .55)}[data-theme=forest]{--bg: #eafbe7;--bg-2: #d2f3cb;--surface: #ffffff;--surface-2: #f1fbee;--ink: #244b2c;--ink-soft: #6a8a70;--accent: #4cd964;--shadow: rgba(20, 80, 30, .18);--overlay: rgba(36, 75, 44, .55)}[data-theme=night]{--bg: #1f2340;--bg-2: #2a2f52;--surface: #2f3458;--surface-2: #3a4068;--ink: #f4f1ff;--ink-soft: #a9a6c9;--accent: #ffd23f;--shadow: rgba(0, 0, 0, .45);--overlay: rgba(10, 10, 25, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{min-height:100dvh;width:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Nunito,Quicksand,Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:800;line-height:1.3}app-root{display:block;width:100%;height:100dvh}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:none}input{font:inherit;-webkit-user-select:text;user-select:text}img,svg{display:block;max-width:100%;pointer-events:none}a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-14%) scale(1.08,.94)}65%{transform:translateY(0) scale(.96,1.04)}}@keyframes pop-in{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes shake-head{0%,to{transform:translate(0)}20%,60%{transform:translate(-6%)}40%,80%{transform:translate(6%)}}.wiggle{animation:wiggle .4s ease-in-out}.bounce{animation:bounce .5s cubic-bezier(.34,1.56,.64,1)}.pop-in{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}.pulse{animation:pulse 1.6s ease-in-out infinite}.shake-head{animation:shake-head .5s ease-in-out}@media(prefers-reduced-motion:reduce){.wiggle,.bounce,.pop-in,.pulse,.shake-head{animation:none}}