:root{--purple: oklch(.56 .22 266);--purple-d: oklch(.46 .2 266);--purple-dd: oklch(.3 .12 266);--purple-l: oklch(.97 .02 266);--teal: oklch(.7 .15 178);--teal-d: oklch(.46 .1 180);--teal-l: oklch(.95 .04 185);--coral: oklch(.64 .2 28);--coral-l: oklch(.95 .04 35);--amber: oklch(.82 .17 85);--amber-d: oklch(.52 .12 70);--green: oklch(.74 .19 145);--green-d: oklch(.48 .13 148);--green-l: oklch(.96 .05 145);--pink: oklch(.66 .2 350);--pink-d: oklch(.46 .16 350);--gray: oklch(.55 .02 266);--gray-l: oklch(.95 .01 266);--ink: oklch(.26 .06 266);--white: oklch(1 .003 266);--r-sm: 14px;--r-md: 18px;--r-lg: 26px;--r-pill: 999px;--shadow: 0 6px 0 oklch(.4 .14 266 / .28);--shadow-sm: 0 4px 0 oklch(.4 .14 266 / .22);--font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Poppins", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--purple-l);color:var(--ink);overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer;border:none;font-weight:700;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:6px}.app-shell{max-width:480px;margin:0 auto;min-height:100%;position:relative;display:flex;flex-direction:column;background:var(--purple-l);box-shadow:0 0 40px #5e5a9a1f}.safe-top{padding-top:env(safe-area-inset-top,0)}.btn-primary{background:var(--purple);color:var(--white);border-radius:var(--r-pill);padding:15px 28px;font-size:18px;font-weight:700;box-shadow:var(--shadow),inset 0 2px #ffffff40,inset 0 -3px #0b152d2e;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px #24409247,inset 0 2px #fff3}.card{background:var(--white);border-radius:var(--r-lg);padding:16px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:5px 12px;font-size:14px;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:float 2.8s ease-in-out infinite}@keyframes flow{to{stroke-dashoffset:-28}}.electric-flow{stroke-dasharray:4 10;animation:flow .5s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}