:root{--paper: #fff8ec;--paper-2: #f6ecd9;--card: #ffffff;--ink: #1e1b2e;--ink-2: #4a4560;--ink-3: #6e6884;--line: #e6dac4;--sun: #ffd23f;--sun-soft: #fff1c2;--grape: #6c4cf5;--grape-soft: #ece7ff;--on-grape: #ffffff;--accent: #f2542d;--accent-text: #c8401c;--accent-soft: #ffe4da;--on-accent: #1e1b2e;--ok: #17885c;--ok-soft: #d9f4e7;--warn: #b7791f;--warn-soft: #fff1d0;--danger: #b42318;--danger-soft: #fde4e1;--note: #ffe58a;--note-2: #ffd0c0;--overlay: rgba(30, 27, 46, .55);--night: #1e1b2e;--on-night: #ffffff;--on-night-2: #c9c2dd;--on-ok: #ffffff;--r-sm: 10px;--r-md: 16px;--radius: 22px;--r-lg: 28px;--stroke: 2.5px;--base: 0 4px 0 var(--ink);--shadow: var(--base);--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Fredoka", "Plus Jakarta Sans", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #17141f;--paper-2: #221d2e;--card: #241f30;--ink: #f5efe4;--ink-2: #d6cfe0;--ink-3: #a39bb5;--line: #3a3348;--sun: #ffd23f;--sun-soft: #3b3220;--grape: #9d86ff;--grape-soft: #2e2650;--on-grape: #17141f;--accent: #ff7a55;--accent-text: #ff7a55;--accent-soft: #3d2420;--on-accent: #17141f;--ok: #4fd39b;--ok-soft: #173a2c;--warn: #f2b84b;--warn-soft: #3a2f17;--danger: #ff8a7a;--danger-soft: #3d1f1c;--note: #f3d36b;--note-2: #f4b49e;--overlay: rgba(0, 0, 0, .65);--night: #322a48;--on-ok: #17141f;--base: 0 4px 0 #0b0910;color-scheme:dark}}:root[data-theme=dark]{--paper: #17141f;--paper-2: #221d2e;--card: #241f30;--ink: #f5efe4;--ink-2: #d6cfe0;--ink-3: #a39bb5;--line: #3a3348;--sun: #ffd23f;--sun-soft: #3b3220;--grape: #9d86ff;--grape-soft: #2e2650;--on-grape: #17141f;--accent: #ff7a55;--accent-text: #ff7a55;--accent-soft: #3d2420;--on-accent: #17141f;--ok: #4fd39b;--ok-soft: #173a2c;--warn: #f2b84b;--warn-soft: #3a2f17;--danger: #ff8a7a;--danger-soft: #3d1f1c;--note: #f3d36b;--note-2: #f4b49e;--overlay: rgba(0, 0, 0, .65);--night: #322a48;--on-ok: #17141f;--base: 0 4px 0 #0b0910;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0;line-height:1.15;font-family:var(--display);font-weight:700;letter-spacing:0}h4{font-family:var(--font);font-weight:800}p{margin:0}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--sun);color:#1e1b2e}img{max-width:100%}a[href],button:not(:disabled),summary,select:not(:disabled),label[for],label:has(>input[type=checkbox]),label:has(>input[type=radio]),input[type=checkbox],input[type=radio],input[type=file]+*,[role=button],[role=tab]{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--grape);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:44px;padding:.55em 1.1em;border:var(--stroke) solid var(--ink);border-radius:var(--r-md);background:var(--card);color:var(--ink);font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:var(--base);transition:transform .08s ease,box-shadow .08s ease,background-color .15s}.btn:hover{background:var(--paper-2)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn:disabled,.btn.primary:disabled,.btn.violet:disabled,.btn.sun:disabled{background:var(--paper-2);color:var(--ink-3);border-color:var(--line);box-shadow:none;transform:translateY(3px)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.btn.violet{background:var(--grape);color:var(--on-grape)}.btn.violet:hover{background:color-mix(in srgb,var(--grape) 88%,var(--ink))}.btn.sun{background:var(--sun);color:#1e1b2e}.btn.danger{color:var(--danger)}.btn.ghost{border-color:transparent;box-shadow:none;background:transparent}.btn.ghost:hover{background:var(--paper-2)}.btn.ghost:active:not(:disabled){transform:none;background:var(--line)}.btn.small{min-height:36px;padding:.3em .75em;font-size:.875rem;border-radius:var(--r-sm);border-width:2px;box-shadow:0 3px 0 var(--ink)}.btn.small:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn.small.ghost{box-shadow:none}.btn.big{min-height:56px;padding:.7em 1.5em;font-size:1.1rem;border-radius:18px}@media(pointer:coarse){.btn.small{min-height:44px}}.input{width:100%;min-height:44px;padding:.65em .9em;border:var(--stroke) solid var(--ink);border-radius:var(--r-md);background:var(--card);color:var(--ink)}.input::placeholder{color:var(--ink-3);opacity:1}.input:focus{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--grape) 35%,transparent);border-color:var(--grape)}textarea.input{resize:vertical;min-height:6em}select.input{appearance:none;padding-right:2.2em;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px;background-repeat:no-repeat}input[type=checkbox],input[type=radio]{accent-color:var(--grape);width:1.15em;height:1.15em}label.field{display:grid;gap:.35em;font-weight:700;font-size:.9rem}label.field>span{color:var(--ink-2)}.card{background:var(--card);border:var(--stroke) solid var(--ink);border-radius:var(--radius);box-shadow:var(--base)}.chip{display:inline-flex;align-items:center;gap:.4em;padding:.25em .7em;border-radius:999px;font-size:.8rem;font-weight:800;background:var(--paper-2);border:2px solid var(--line);white-space:nowrap}.muted{color:var(--ink-3)}.eyebrow{font-size:.85rem;font-weight:800;color:var(--grape)}.code{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-weight:800}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.center-page{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}@keyframes pop{0%{transform:scale(.9)}55%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes drop-in{0%{transform:translateY(-14px) rotate(var(--tilt, -2deg));opacity:0}to{transform:translateY(0) rotate(var(--tilt, 0deg));opacity:1}}.pop{animation:pop .32s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
