:root{--grape:#4a2a8a;--grape-light:#5d38ab;--grape-dark:#351c6b;--ink:#1d1238;--ink-soft:#6b5c94;--paper:#fff;--paper-dim:#f1ecfb;--sun:#ffcd38;--sun-deep:#e8a600;--gum:#ff4f9a;--mint:#33e0a6;--sky:#4cc3ff;--red:#ff5a5f;--display:"Lilita One", "Fredoka", system-ui, sans-serif;--font:"Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--line:4px;--pop:0 6px 0 var(--ink);--bg:var(--grape-dark);--text:#fff;--muted:#cfc4ef;--yellow:var(--sun);--green:var(--mint);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{color:#fff;min-height:100%;font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-color:var(--grape);background-image:radial-gradient(circle at 50% 0,#ffffff24,#0000 60%),radial-gradient(#ffffff12 2px,#0000 2.5px);background-size:100% 100%,28px 28px;margin:0;font-weight:500}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--sky);outline-offset:3px}.logo{font-family:var(--display);letter-spacing:.01em;color:var(--sun);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:0;font-weight:400;line-height:.82}.logo span{display:inline-block}.logo span:first-child{color:#fff;transform:rotate(-4deg)}.logo span:last-child{color:var(--gum);transform:rotate(3deg)translateY(.04em)}.btn{border:var(--line) solid var(--ink);font-family:var(--display);letter-spacing:.01em;background:var(--paper);color:var(--ink);box-shadow:var(--pop);border-radius:18px;padding:14px 26px;font-size:22px;transition:transform 90ms,box-shadow 90ms;position:relative}.btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--pop);transform:none}.btn-sun{background:var(--sun)}.btn-ghost{background:var(--grape-light);color:#fff}.btn-lg{padding:16px 32px;font-size:28px}.btn-xl{border-radius:24px;padding:18px 40px;font-size:36px}.sticker{background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:26px}.avatar{border:3px solid var(--ink);background:var(--c);width:44px;height:44px;color:var(--ink);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.spinner{border:5px solid #fff3;border-top-color:#fff;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}