@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky:oklch(73% .13 234);--sky-light:oklch(82% .09 225);--navy:oklch(26% .11 278);--cream:oklch(96% .065 92);--yellow:oklch(86% .18 92);--red:oklch(62% .2 29);--green:oklch(67% .17 148);--blue:oklch(56% .2 256);--purple:oklch(57% .18 315);--ease-out:cubic-bezier(.16, 1, .3, 1);color:var(--navy);background:var(--sky);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Outfit Variable,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{background:var(--sky);min-width:20rem;min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:.22rem solid var(--cream);outline-offset:.25rem}[hidden]{display:none!important}.page-shell{min-height:100svh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.15rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1.15rem, env(safe-area-inset-left));background:var(--sky);isolation:isolate;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.page-shell:after{z-index:-3;content:"";pointer-events:none;background-image:linear-gradient(oklch(100% 0 0/.06) .08rem,#0000 .08rem);background-size:100% .28rem;position:absolute;inset:0}.checker-floor{z-index:-2;background:conic-gradient(from 90deg, var(--sky-light) 0 25%, transparent 0 50%, var(--sky-light) 0 75%, transparent 0) 0 0 / 3.5rem 3.5rem;opacity:.62;transform-origin:bottom;height:48%;position:absolute;bottom:-18%;left:-25%;right:-25%;transform:perspective(18rem)rotateX(56deg)scale(1.15)}.topbar{z-index:4;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.topbar p,.ready-label{border:.18rem solid var(--navy);color:var(--navy);background:var(--cream);box-shadow:.22rem .22rem 0 var(--navy);letter-spacing:.12em;text-transform:uppercase;margin:0;padding:.45rem .65rem;font-size:.7rem;font-weight:790;line-height:1}.topbar p span{color:var(--red)}.ready-label{color:var(--cream);background:var(--purple);transform:rotate(3deg)}.letter{z-index:2;align-self:center;gap:clamp(2.2rem,7vh,4rem);width:min(100%,35rem);margin:clamp(3.5rem,8vh,6rem) auto 2rem;display:grid}h1,h2{margin:0;font-family:Lilita One,Arial Black,sans-serif;font-weight:400}h1{max-width:9ch;color:var(--cream);letter-spacing:-.035em;filter:drop-shadow(.065em .075em 0 var(--navy));paint-order:stroke fill;-webkit-text-stroke:.035em var(--navy);font-size:clamp(4.2rem,18vw,6.5rem);line-height:.81}h1 em{color:var(--yellow);font-style:normal;display:inline-block;transform:rotate(-2deg)}.interaction-panel{min-height:12rem;position:relative}.choice-field{width:100%;height:12rem;position:relative}.answer{border:.22rem solid var(--navy);height:4.4rem;color:var(--navy);box-shadow:.42rem .42rem 0 var(--navy);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;transition:transform .26s var(--ease-out), filter .12s linear, box-shadow .12s linear;border-radius:.45rem;justify-content:center;align-items:center;gap:.65rem;padding:0 1rem;font-size:1.05rem;font-weight:820;display:flex;position:absolute;top:0;left:0}.keycap{aspect-ratio:1;border:.16rem solid var(--navy);width:2.15rem;color:var(--navy);background:var(--cream);box-shadow:.12rem .12rem 0 var(--navy);place-items:center;font-family:Lilita One,Arial Black,sans-serif;font-size:1.05rem;font-weight:400;line-height:1;display:grid}.answer--yes{z-index:2;background:var(--green);cursor:pointer;min-width:10.5rem;margin-top:.75rem;transform:rotate(-1deg)}.answer--yes:hover{filter:brightness(1.07);box-shadow:.25rem .25rem 0 var(--navy);transform:translate(.17rem,.17rem)rotate(-1deg)}.answer--yes:active{box-shadow:.08rem .08rem 0 var(--navy);transform:translate(.34rem,.34rem)rotate(-1deg)}.answer--no{z-index:1;background:var(--red);cursor:not-allowed;opacity:1;will-change:transform;min-width:7.5rem}.date-step,.success-step{border:.25rem solid var(--navy);background:var(--cream);max-width:28rem;box-shadow:.55rem .55rem 0 var(--navy);opacity:0;transition:opacity .38s var(--ease-out), transform .38s var(--ease-out);border-radius:.55rem;padding:1.2rem;transform:translateY(.8rem)rotate(.5deg)}.date-step.is-visible,.success-step.is-visible{opacity:1;transform:translateY(0)rotate(.5deg)}.date-step.is-leaving,.choice-step.is-leaving{opacity:0;transition:opacity .18s ease-in,transform .18s ease-in;transform:translateY(-.5rem)}.kicker{border:.15rem solid var(--navy);color:var(--navy);background:var(--yellow);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .6rem;padding:.3rem .45rem;font-size:.68rem;font-weight:820;line-height:1;display:inline-block}h2{color:var(--navy);letter-spacing:-.02em;font-size:clamp(2.65rem,12vw,4rem);line-height:.9}form{margin-top:1.35rem}label{letter-spacing:.13em;text-transform:uppercase;margin-bottom:.4rem;font-size:.7rem;font-weight:820;display:block}.date-control{position:relative}.date-control input{appearance:none;border:.2rem solid var(--navy);width:100%;min-height:3.75rem;color:var(--navy);background:var(--sky-light);box-shadow:.22rem .22rem 0 var(--navy);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:.25rem;padding:0 3.4rem 0 .9rem;font-size:1rem;font-weight:680}.date-control input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.date-control svg{pointer-events:none;fill:none;width:1.3rem;stroke:var(--navy);stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;position:absolute;top:50%;right:.95rem;transform:translateY(-50%)}.honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.submit-button{border:.2rem solid var(--navy);width:100%;min-height:3.8rem;color:var(--navy);background:var(--green);box-shadow:.25rem .25rem 0 var(--navy);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:filter .12s linear, transform .12s var(--ease-out), box-shadow .12s linear;border-radius:.3rem;justify-content:space-between;align-items:center;margin-top:.75rem;padding:0 .9rem;font-size:.86rem;font-weight:820;display:flex}.submit-button:hover{filter:brightness(1.06)}.submit-button:active{box-shadow:.08rem .08rem 0 var(--navy);transform:translate(.17rem,.17rem)}.submit-button:disabled{cursor:wait;opacity:.72}.submit-button svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.2px;width:1.2rem;transition:transform .22s var(--ease-out)}.submit-button.is-loading svg{transform:rotate(180deg)}.form-message{min-height:1.2rem;color:var(--red);margin:.65rem 0 0;font-size:.82rem;font-weight:680;line-height:1.35}.success-step{padding-bottom:1.4rem}.success-mark{aspect-ratio:1;border:.2rem solid var(--navy);background:var(--green);width:3.5rem;box-shadow:.24rem .24rem 0 var(--navy);place-items:center;margin-bottom:1.1rem;display:grid}.success-mark svg{fill:none;width:2.2rem;stroke:var(--navy);stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.5px}.success-date{color:var(--blue);text-transform:capitalize;margin:1rem 0 0;font-family:Lilita One,Arial Black,sans-serif;font-size:1.35rem}.success-copy{color:var(--navy);margin:.45rem 0 0;font-weight:650}.retro-object{z-index:0;pointer-events:none;position:absolute}.retro-object img{filter:drop-shadow(.32rem .42rem oklch(26% .11 278/.72));width:100%;height:auto;display:block}.retro-object--controller{width:7.7rem;animation:3.2s ease-in-out infinite controller-idle;top:4.4rem;right:-1.6rem;transform:rotate(7deg)}.retro-object--cartridge{width:7rem;animation:3.8s ease-in-out infinite cartridge-idle;bottom:-1.1rem;left:-1.5rem;transform:rotate(-7deg)}.reveal{animation:reveal .68s var(--ease-out) both;animation-delay:var(--delay,0s)}.has-answer{opacity:.26;filter:saturate(.65);transition:opacity .32s var(--ease-out), filter .32s var(--ease-out)}.confetti{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{top:-2rem;left:var(--x);color:var(--red);text-shadow:.08rem .08rem 0 var(--navy);animation:confetti-fall var(--duration) var(--ease-out) var(--delay) both;font-size:1rem;position:absolute}.confetti span:nth-child(3n+2){color:var(--yellow);font-size:.7rem}.confetti span:nth-child(3n){color:var(--green);font-size:.85rem}@keyframes reveal{0%{opacity:0;transform:translateY(1rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-2rem)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 105svh, 0) rotate(420deg)}}@keyframes controller-idle{0%,to{transform:translateY(0)rotate(7deg)}50%{transform:translateY(-.35rem)rotate(4deg)}}@keyframes cartridge-idle{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(-.28rem)rotate(-4deg)}}@media (width>=48rem){.page-shell{padding:max(2rem, env(safe-area-inset-top)) max(3rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(3rem, env(safe-area-inset-left))}.letter{grid-template-columns:minmax(0,1.08fr) minmax(23rem,.75fr);align-items:center;gap:clamp(4rem,9vw,9rem);width:min(100%,72rem);margin-block:clamp(3rem,8vh,6rem)}h1{font-size:clamp(6.2rem,8.2vw,8.8rem)}.interaction-panel{min-height:20rem}.choice-field{height:20rem}.answer--yes{margin-top:2rem}.retro-object--controller{width:13rem;top:4.2rem;right:3vw}.retro-object--cartridge{width:10rem;bottom:-1rem;left:auto;right:27vw}}@media (hover:none),(pointer:coarse){.answer,.date-control input,.submit-button{min-height:4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.confetti{display:none}}