:root{--paper:#f4ecdd;--paper-deep:#e7d9be;--paper-edge:#d9c7a4;--ink:#221b2e;--ink-soft:#5b5368;--ink-faint:#9a92a6;--sun:#ffc94a;--sun-deep:#e8a81e;--teal:#1e9e92;--pink:#e2407a;--leaf:#6fae5c;--sky:#8fd3e8;--coral:#ff8a65;--grape:#8a4be0;--night:#1b1a33;--night-paper:#2b2846;--ok:#2e9e6b;--oops:#e8374a;--ok-ink:#1c6f4a;--teal-ink:#12615a;--oops-ink:#b3202f;--focus:var(--grape);--ink-0:#221b2e;--paper-0:#f4ecdd;--ink-line:color-mix(in srgb, var(--ink) 85%, transparent);--ink-wash:color-mix(in srgb, var(--ink) 8%, transparent);--accent:var(--teal);--accent-soft:#cfeae3;--accent-ink:#12615a;--font-display:"Luckiest Guy", "Fredoka", system-ui, sans-serif;--font-ui:"Fredoka", system-ui, sans-serif;--font-type:"JetBrains Mono", ui-monospace, monospace;--fs-xs:.78rem;--fs-sm:.9rem;--fs-md:1.05rem;--fs-lg:1.3rem;--fs-xl:1.8rem;--fs-display:clamp(2rem, 4.2vw, 3.4rem);--fs-type:clamp(1.6rem, 2.6vw, 2.2rem);--radius-paper:18px 22px 20px 24px / 22px 18px 24px 20px;--radius-paper-2:22px 16px 24px 18px / 18px 24px 16px 22px;--radius-chip:999px;--radius-stone:46% 54% 50% 50% / 55% 48% 52% 45%;--line:2px;--shadow-cut:0 3px 0 var(--ink-line);--shadow-lift:0 14px 28px -18px #221b2e8c;--shadow-paper:0 2px 0 #221b2e1f, 0 18px 34px -24px #221b2e80;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--gutter:clamp(16px, 4vw, 48px);--page-max:1180px;--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-pop:.18s;--dur-stamp:60ms;--dur-fade:.15s;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .13 0 0 0 0 .1 0 0 0 0 .18 0 0 0 1.6 -.35'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");--grain-opacity:.06;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-world=coral]{--accent:var(--teal);--accent-soft:#cfeae3;--accent-ink:#12615a}[data-world=canopy]{--accent:var(--leaf);--accent-soft:#dcebcb;--accent-ink:#3d6e2f}[data-world=moon]{--paper:var(--night-paper);--paper-deep:#37335a;--paper-edge:#48437a;--ink:#f4ecdd;--ink-soft:#cfc6dd;--ink-faint:#9c95b8;--ok-ink:#8fe0b8;--teal-ink:#7fd6cb;--oops-ink:#ff9aa5;--focus:var(--sun);--accent:var(--sun);--accent-soft:#4a3f78;--accent-ink:#ffd978;--ink-wash:#f4ecdd1a;--shadow-lift:0 14px 28px -18px #000c;--shadow-paper:0 2px 0 #00000040, 0 18px 34px -24px #000c;--grain-opacity:.09;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes stamp{0%{transform:scale(1.18,.82)translateY(-2px)}60%{transform:scale(.94,1.06)}to{transform:scale(1)}}@keyframes hop{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(0)scale(1.08,.9)}45%{transform:translateY(-22%)scale(.95,1.06)}72%{transform:translateY(0)scale(1.06,.94)}}@keyframes drift{0%,to{transform:translate(0,0)scale(1.06)}50%{transform:translate(-1.6%,-1%)scale(1.08)}}@keyframes confetti{0%{opacity:0;transform:translateY(-10vh)rotate(0)}8%{opacity:1}to{opacity:0;transform:translate3d(var(--dx,0px), 70vh, 0) rotate(var(--rot,540deg))}}@keyframes glow-ring{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--sun) 70%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--sun) 0%, transparent)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes shake-x{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes still-fade{0%{opacity:0}to{opacity:1}}.anim-pop{animation:pop var(--dur-pop) var(--ease-back) both}.anim-stamp{animation:stamp var(--dur-stamp) ease-out both}.anim-hop{animation:hop .52s var(--ease-out) both;transform-origin:50% 100%}.anim-drift{animation:26s ease-in-out infinite drift}.anim-confetti{animation:2.4s cubic-bezier(.3,.2,.6,1) both confetti}.anim-shake{animation:.24s ease-in-out both shake-x}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--dur-fade)!important;transition-duration:var(--dur-fade)!important;scroll-behavior:auto!important;animation-name:still-fade!important;animation-iteration-count:1!important}}:root[data-still=true] *,:root[data-still=true] :before,:root[data-still=true] :after{animation-duration:var(--dur-fade)!important;transition-duration:var(--dur-fade)!important;scroll-behavior:auto!important;animation-name:still-fade!important;animation-iteration-count:1!important}.paper{isolation:isolate;background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink-line);border-radius:var(--radius-paper);box-shadow:var(--shadow-paper);position:relative}.paper:after{content:"";border-radius:inherit;background-image:var(--grain);opacity:var(--grain-opacity);pointer-events:none;z-index:-1;position:absolute;inset:0}.paper--deep{background:var(--paper-deep)}.paper--sun{background:var(--sun);color:var(--ink-0);--ink-line:color-mix(in srgb, var(--ink-0) 85%, transparent)}.paper--flat{box-shadow:none}.paper--alt{border-radius:var(--radius-paper-2)}.wash{background:linear-gradient(transparent 55%, color-mix(in srgb, var(--sun) 70%, transparent) 55%, color-mix(in srgb, var(--sun) 70%, transparent) 88%, transparent 88%);padding:0 .1em}.ink-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);font-weight:400;line-height:1}.eyebrow{font-family:var(--font-ui);font-weight:600;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.btn-go,.btn-soft{--btn-shadow:var(--ink-line);min-height:48px;font:600 1.1rem/1 var(--font-ui);letter-spacing:.01em;cursor:pointer;border:2.5px solid var(--ink-line);box-shadow:0 4px 0 var(--btn-shadow);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .15s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:16px 20px 17px 21px/20px 16px 21px 17px;justify-content:center;align-items:center;gap:.5em;padding:10px 22px;text-decoration:none;display:inline-flex}.btn-go{background:var(--sun);color:var(--ink-0);border-color:color-mix(in srgb, var(--ink-0) 85%, transparent);--btn-shadow:color-mix(in srgb, var(--ink-0) 85%, transparent)}.btn-go:hover{box-shadow:0 5px 0 var(--btn-shadow);background:#ffd46b;transform:translateY(-1px)rotate(-.6deg)}.btn-soft{background:var(--paper);color:var(--ink)}.btn-soft:hover{background:var(--paper-deep);box-shadow:0 5px 0 var(--btn-shadow);transform:translateY(-1px)}.btn-go:active,.btn-soft:active{box-shadow:0 1px 0 var(--btn-shadow);transform:translateY(3px)}.btn-go:disabled,.btn-soft:disabled{opacity:.55;cursor:default;transform:none}.btn-sm{min-height:38px;box-shadow:0 3px 0 var(--btn-shadow);border-width:2px;padding:6px 14px;font-size:.95rem}.btn-lg{min-height:58px;padding:12px 28px;font-size:1.3rem}.btn-arrow{font-family:var(--font-display);font-size:1.15em;line-height:0;transform:translateY(1px)}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}:where(.btn-go,.btn-soft,.pill,.keycap):focus-visible{box-shadow:0 0 0 6px color-mix(in srgb, var(--paper-0) 70%, transparent)}.pill{min-height:34px;font:600 .95rem/1 var(--font-ui);color:var(--ink);background:var(--paper);border:2px solid var(--ink-line);border-radius:var(--radius-chip);box-shadow:0 2px 0 var(--ink-line);white-space:nowrap;align-items:center;gap:6px;padding:4px 14px;display:inline-flex}.pill b{font-family:var(--font-display);letter-spacing:.02em;font-size:1.1em;font-weight:400;transform:translateY(1px)}.chip{font:600 .74rem/1.3 var(--font-ui);color:var(--ink-0);background:var(--chip,var(--paper-deep));border:1.5px solid color-mix(in srgb, var(--ink-0) 30%, transparent);white-space:nowrap;border-radius:8px 10px 9px 11px;align-items:center;gap:4px;padding:2px 8px 2px 6px;display:inline-flex}.chip svg{flex:none;width:13px;height:13px}.keycap{min-width:1.9em;height:1.9em;font:600 .9rem/1 var(--font-type);color:var(--ink-0);background:var(--paper-0);border:2px solid color-mix(in srgb, var(--ink-0) 80%, transparent);box-shadow:0 2px 0 color-mix(in srgb, var(--ink-0) 80%, transparent);border-radius:7px 8px 7px 9px;place-items:center;padding:0 .35em;display:inline-grid}.star-row{align-items:center;gap:calc(var(--star-size,18px) * .08);color:var(--ink);line-height:0;display:inline-flex}.star-row svg{width:var(--star-size,18px);height:var(--star-size,18px);overflow:visible}.star-row .star-on{fill:var(--sun);stroke:var(--ink-0);stroke-opacity:.85}.star-row .star-off{fill:currentColor;fill-opacity:.08;stroke:currentColor;stroke-opacity:.58}.star-row .star-on+.star-glint{fill:#fff3c4}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.45;overflow-x:hidden}body:before{content:"";background-image:var(--grain);opacity:.05;pointer-events:none;z-index:0;position:fixed;inset:0}#root{z-index:1;position:relative}::selection{background:var(--sun);color:var(--ink-0)}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}button{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.virtual-key{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.virtual-key:active{transform:translateY(2px)scale(.98)}.virtual-key:focus-visible{outline:3px solid var(--focus);outline-offset:2px}