@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne-Regular.ttf)format("truetype");font-display:swap}:root{--violet:#6b2be0;--violet-hi:#8a4dff;--violet-lo:#4b17a8;--yellow:#ffd23f;--yellow-hi:#ffe88a;--yellow-lo:#f2a900;--coral:#ff4d6d;--coral-lo:#d92850;--mint:#17c3a0;--ink:#1b1035;--deep:#2a1850;--cream:#fff7ea;--mist:#e9e3f5;--lilac:#b9a6e8;--dusk:#5b4e78;--v-tomato:#f2433a;--v-lettuce:#5cc93b;--v-pepper:#ffb81c;--v-eggplant:#9a5be8;--v-bug:#5a3a2a;--f-display:"Lilita One", "Arial Rounded MT Bold", "Arial Black", system-ui, sans-serif;--f-ui:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;--t-xs:.8125rem;--t-s:1rem;--t-m:1.25rem;--t-l:1.625rem;--t-xl:2.25rem;--t-2xl:3.25rem;--t-hero:clamp(3rem, 9vw, 6.5rem);--stroke:3px;--r-s:10px;--r-m:18px;--r-l:28px;--r-pill:999px;--lift:6px;--tilt:-8deg;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ink);color:var(--cream);font:400 var(--t-s)/1.55 var(--f-ui);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;letter-spacing:.01em;margin:0;font-weight:400;line-height:1.05}p{margin:0}a{color:var(--yellow)}:where(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.eyebrow{font:700 var(--t-xs)/1.4 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--lilac)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{font:400 var(--logo-size,4rem)/.9 var(--f-display);color:var(--cream);transform:rotate(var(--tilt)) skewX(-6deg);-webkit-text-stroke:calc(var(--logo-size,4rem) * .045) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--logo-size,4rem) * .07) 0 var(--ink);letter-spacing:-.01em;white-space:nowrap;display:inline-block}.logo .i{position:relative}.logo .i:after{content:"";background:var(--coral);border:calc(var(--logo-size,4rem) * .035) solid var(--ink);border-radius:50% 50% 50% 8%;width:.3em;height:.24em;position:absolute;bottom:.8em;left:50%;translate:-30%}.logo .i:nth-of-type(2):after{background:var(--yellow);translate:-10%}.btn{--c:var(--yellow);--c-hi:var(--yellow-hi);--c-lo:var(--yellow-lo);--on:var(--ink);border:var(--stroke) solid var(--ink);border-radius:var(--r-pill);min-height:56px;font:400 var(--t-m)/1 var(--f-display);letter-spacing:.02em;color:var(--on);cursor:pointer;background:linear-gradient(180deg, var(--c-hi) 0%, var(--c) 45%, var(--c-lo) 100%);box-shadow:0 var(--lift) 0 var(--ink), inset 0 -4px 0 #0000001f;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);-webkit-tap-highlight-color:transparent;isolation:isolate;justify-content:center;align-items:center;gap:.5em;padding:0 1.5em;text-decoration:none;display:inline-flex;position:relative}.btn:before{content:"";border-radius:var(--r-pill);pointer-events:none;z-index:-1;background:#ffffff73;height:32%;position:absolute;top:5px;left:14%;right:14%}.btn:hover{box-shadow:0 calc(var(--lift) + 2px) 0 var(--ink), inset 0 -4px 0 #0000001f;transform:translateY(-2px)scale(1.02)}.btn:active{transform:translateY(var(--lift)) scaleX(1.04) scaleY(.94);box-shadow:0 0 0 var(--ink), inset 0 -2px 0 #0000001f}.btn.violet{--c:var(--violet);--c-hi:var(--violet-hi);--c-lo:var(--violet-lo);--on:var(--cream)}.btn.coral{--c:var(--coral);--c-hi:#ff8098;--c-lo:var(--coral-lo);--on:var(--ink)}.btn.cream{--c:var(--cream);--c-hi:#fff;--c-lo:var(--mist);--on:var(--ink)}.btn.small{min-height:44px;font-size:var(--t-s);padding:0 1.1em}.bubble{background:var(--cream);color:var(--ink);border:var(--stroke) solid var(--ink);border-radius:var(--r-m);font:400 var(--t-l)/1 var(--f-display);box-shadow:0 4px 0 var(--ink);padding:.35em .7em;display:inline-block;position:relative}.bubble:after{content:"";background:inherit;border:var(--stroke) solid var(--ink);border-top:0;border-left:0;border-bottom-right-radius:3px;width:.6em;height:.6em;position:absolute;bottom:-.42em;right:18%;rotate:45deg}.bubble.fib{background:var(--coral)}.card{width:var(--w,96px);aspect-ratio:5/7;border:var(--stroke) solid var(--ink);border-radius:calc(var(--w,96px) * .14);background:radial-gradient(circle at 50% 46%, var(--cream) 0 36%, var(--c,var(--v-tomato)) 37%);box-shadow:0 5px 0 var(--ink);place-items:center;display:grid}.card svg{width:62%;height:auto}.veg{stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}symbol *{vector-effect:non-scaling-stroke}.isaret,.sap{fill:none}.canak-d{fill:#2e8b3a}.v-tomato{fill:var(--v-tomato)}.v-lettuce{fill:var(--v-lettuce)}.v-pepper{fill:var(--v-pepper)}.v-eggplant{fill:var(--v-eggplant)}.v-bug{fill:var(--v-bug)}.speedlines{background:repeating-linear-gradient(-8deg,#0000 0 22px,#ffffff0d 22px 26px)}@keyframes pop-in{0%{transform:scale(0)rotate(-20deg)}70%{transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes wobble{0%,to{rotate:0deg}25%{rotate:-4deg}75%{rotate:4deg}}@keyframes float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes drift{0%{background-position:0 0}to{background-position:260px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
