@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{--ink:oklch(25% .085 280);--paper:oklch(97% .04 88);--sand:oklch(89% .07 83);--sky:oklch(73% .13 234);--sky-light:oklch(82% .09 225);--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);--peach:oklch(82% .095 42);--peach-soft:oklch(94% .045 56);--plum:oklch(35% .105 333);--rose:oklch(64% .12 20);--sage:oklch(72% .105 151);--massage-shadow:oklch(55% .09 23);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);color:var(--ink);background:var(--sand);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(--sand);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:.2rem solid var(--paper);outline-offset:.22rem}[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(--sand);isolation:isolate;transition:background-color .42s var(--ease-out);grid-template-rows:auto 1fr;display:grid;position:relative;overflow-x:hidden}.page-shell:before,.page-shell:after{z-index:-3;content:"";pointer-events:none;transition:opacity .32s var(--ease-out);position:absolute;inset:0}.page-shell:before{background:var(--peach);clip-path:polygon(72% 0,100% 0,100% 100%,88% 100%);opacity:.56}.page-shell:after{opacity:.55;background-image:linear-gradient(oklch(25% .085 280/.045) .06rem,#0000 .06rem);background-size:100% .34rem}.page-shell[data-view=date]{background:var(--sky)}.page-shell[data-view=date]:before{opacity:0}.page-shell[data-view=date]:after{opacity:1;background-image:linear-gradient(oklch(100% 0 0/.06) .08rem,#0000 .08rem);background-size:100% .28rem}.page-shell[data-view=massage]{background:var(--peach)}.page-shell[data-view=massage]:before{background:var(--peach-soft);clip-path:polygon(0 0,34% 0,12% 100%,0 100%);opacity:.78}.page-shell[data-view=massage]:after{opacity:.58;background-image:linear-gradient(oklch(35% .105 333/.045) .05rem,#0000 .05rem);background-size:100% .5rem}.topbar{z-index:8;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.topbar-start{align-items:center;gap:.55rem;min-width:0;display:flex}.topbar p,.ready-label,.back-button{border:.16rem solid var(--ink);height:2.15rem;min-height:2rem;color:var(--ink);background:var(--paper);box-shadow:.2rem .2rem 0 var(--ink);letter-spacing:.11em;text-transform:uppercase;border-radius:.18rem;margin:0;padding:.42rem .62rem;font-size:.68rem;font-weight:790;line-height:1}.topbar p,.ready-label{justify-content:center;align-items:center;display:flex}.ready-label{color:var(--paper);background:var(--purple);flex:none;transform:rotate(2deg)}.back-button{cursor:pointer;min-width:2rem;transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);justify-content:center;align-items:center;gap:.2rem;display:flex}.back-button svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.2px;width:.95rem}.back-button:active{box-shadow:.06rem .06rem 0 var(--ink);transform:translate(.14rem,.14rem)}.page-shell[data-view=massage] .topbar p,.page-shell[data-view=massage] .ready-label,.page-shell[data-view=massage] .back-button{border-color:var(--plum);color:var(--plum);background:var(--peach-soft);box-shadow:.18rem .18rem 0 var(--plum)}.page-shell[data-view=massage] .ready-label{color:var(--peach-soft);background:var(--plum)}.screen{z-index:2;opacity:0;grid-row:2;position:relative}.screen.is-visible{animation:screen-enter .56s var(--ease-out) both}.picker-screen{align-self:center;gap:clamp(2rem,6vh,4rem);width:min(100%,64rem);margin:clamp(2.5rem,7vh,5rem) auto 2rem;display:grid}.picker-copy{gap:.75rem;display:grid}.section-label{width:max-content;color:var(--ink);letter-spacing:.15em;text-transform:uppercase;border-bottom:.14rem solid;margin:0;padding-bottom:.22rem;font-size:.7rem;font-weight:800;line-height:1}h1,h2{margin:0;font-family:Lilita One,Arial Black,sans-serif;font-weight:400}.picker-heading{max-width:10ch;color:var(--ink);letter-spacing:-.04em;font-size:clamp(4.1rem,18vw,6.8rem);line-height:.8}.plan-options{gap:1.05rem;display:grid;container-type:inline-size}.plan-option{border:.18rem solid var(--ink);width:100%;min-height:7.5rem;color:var(--ink);box-shadow:.38rem .42rem 0 var(--ink);text-align:left;cursor:pointer;transition:filter .13s linear, transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:.28rem;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.plan-option--date{background:var(--sky);transform:rotate(-.7deg)}.plan-option--massage{background:var(--peach);transform:rotate(.7deg)}.plan-index{letter-spacing:.12em;font-size:.68rem;font-weight:820;position:absolute;top:1rem;left:1rem}.plan-copy{text-align:center;place-items:center;gap:.38rem;min-width:0;display:grid}.plan-copy strong{letter-spacing:-.035em;font-family:Lilita One,Arial Black,sans-serif;font-size:clamp(2.7rem,13vw,4.4rem);font-weight:400;line-height:.8}.plan-copy small{letter-spacing:.02em;font-size:.78rem;font-weight:690}.plan-arrow{width:2.2rem;height:2.2rem;transition:transform .22s var(--ease-out);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.plan-arrow svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.8px;width:100%;height:100%;display:block}.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:0;transform-origin:bottom;height:48%;transition:opacity .26s var(--ease-out);position:absolute;bottom:-18%;left:-25%;right:-25%;transform:perspective(18rem)rotateX(56deg)scale(1.15)}.page-shell[data-view=date] .checker-floor{opacity:.62}.letter{align-self:center;gap:clamp(2.2rem,7vh,4rem);width:min(100%,35rem);margin:clamp(3.5rem,8vh,6rem) auto 2rem;display:grid}.date-heading{max-width:9ch;color:var(--paper);letter-spacing:-.035em;filter:drop-shadow(.065em .075em 0 var(--ink));paint-order:stroke fill;-webkit-text-stroke:.035em var(--ink);font-size:clamp(4.2rem,18vw,6.5rem);line-height:.81}.date-heading 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(--ink);height:4.4rem;color:var(--ink);box-shadow:.42rem .42rem 0 var(--ink);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(--ink);width:2.15rem;color:var(--ink);background:var(--paper);box-shadow:.12rem .12rem 0 var(--ink);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--no{z-index:1;background:var(--red);cursor:not-allowed;opacity:1;will-change:transform;min-width:7.5rem}.booking-card{border:.25rem solid var(--ink);background:var(--paper);max-width:28rem;box-shadow:.55rem .55rem 0 var(--ink);border-radius:.55rem;padding:1.2rem}.date-step,.success-step{opacity:0;transition:opacity .38s var(--ease-out), transform .38s var(--ease-out);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,.massage-booking.is-leaving{opacity:0;transition:opacity .18s var(--ease-in), transform .18s var(--ease-in);transform:translateY(-.5rem)}.kicker{border:.15rem solid var(--ink);color:var(--ink);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(--ink);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(--ink);width:100%;min-height:3.75rem;color:var(--ink);background:var(--sky-light);box-shadow:.22rem .22rem 0 var(--ink);--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;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2px;width:1.3rem;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(--ink);width:100%;min-height:3.8rem;color:var(--ink);background:var(--green);box-shadow:.25rem .25rem 0 var(--ink);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: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(--ink);background:var(--green);width:3.5rem;box-shadow:.24rem .24rem 0 var(--ink);place-items:center;margin-bottom:1.1rem;display:grid}.success-mark svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2.5px;width:2.2rem}.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(--ink);margin:.45rem 0 0;font-weight:650}.massage-screen{align-self:center;gap:clamp(2.25rem,7vh,4rem);width:min(100%,35rem);margin:clamp(3rem,8vh,5rem) auto 2rem;display:grid}.massage-copy{gap:.9rem;display:grid}.section-label--massage{color:var(--plum)}.massage-heading{max-width:9ch;color:var(--plum);letter-spacing:-.045em;font-size:clamp(4rem,17vw,6.4rem);line-height:.82}.massage-heading em{color:var(--rose);font-style:normal}.massage-panel{min-height:21rem}.massage-booking,.massage-success{border-width:.18rem;border-color:var(--plum);color:var(--plum);background:var(--peach-soft);box-shadow:.62rem .62rem 0 var(--massage-shadow);border-radius:1.35rem .32rem;padding:1.35rem;transform:rotate(.4deg)}.massage-success.is-visible{transform:translateY(0)rotate(.4deg)}.massage-panel-label{letter-spacing:.14em;text-transform:uppercase;border-bottom:.12rem solid;width:max-content;margin:0 0 .7rem;padding-bottom:.2rem;font-size:.68rem;font-weight:820;line-height:1}.massage-booking h2,.massage-success h2{color:var(--plum)}.date-control--massage input{border-color:var(--plum);color:var(--plum);background:var(--paper);box-shadow:.2rem .2rem 0 var(--plum)}.submit-button--massage{border-color:var(--plum);color:var(--plum);background:var(--sage);box-shadow:.25rem .25rem 0 var(--plum)}.form-message--massage{color:oklch(44% .15 24)}.success-mark--massage{border-color:var(--plum);color:var(--plum);background:var(--sage);box-shadow:.22rem .22rem 0 var(--plum)}.success-date--massage{color:var(--rose)}.massage-lines{z-index:0;fill:none;width:29rem;stroke:var(--plum);stroke-linecap:round;stroke-width:5px;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out);position:absolute;bottom:-5rem;right:-12rem;transform:rotate(-5deg)}.page-shell[data-view=massage] .massage-lines{opacity:.16;animation:7s ease-in-out infinite lines-idle}.retro-object{z-index:0;opacity:0;pointer-events:none;transition:opacity .26s var(--ease-out);position:absolute}.page-shell[data-view=date] .retro-object{opacity:1}.retro-object img{filter:drop-shadow(.32rem .42rem oklch(25% .085 280/.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)}.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(--ink);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}@media (hover:hover) and (pointer:fine){.plan-option:hover{filter:brightness(1.035);box-shadow:.22rem .25rem 0 var(--ink);transform:translate(.16rem,.17rem)rotate(0)}.plan-option:hover .plan-arrow{transform:translate(.18rem,calc(-50% - .18rem))}.back-button:hover{filter:brightness(1.04)}.answer--yes:hover{filter:brightness(1.07);box-shadow:.25rem .25rem 0 var(--ink);transform:translate(.17rem,.17rem)rotate(-1deg)}.submit-button:hover{filter:brightness(1.05)}}.plan-option:active,.answer--yes:active,.submit-button:active{transform:translate(.3rem,.32rem)rotate(0);box-shadow:.07rem .07rem}@container (width>=32rem){.plan-option--date{width:calc(100% - 2.5rem)}.plan-option--massage{width:calc(100% - 2.5rem);margin-left:2.5rem}}@keyframes screen-enter{0%{opacity:0;transform:translateY(1rem)scale(.985)}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)}}@keyframes lines-idle{0%,to{transform:translate(0,0)rotate(-5deg)}50%{transform:translate(-.8rem,-.4rem)rotate(-3deg)}}@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))}.picker-screen{grid-template-columns:minmax(20rem,.82fr) minmax(28rem,1.18fr);align-items:center;gap:clamp(4rem,8vw,8rem);width:min(100%,72rem)}.picker-heading{font-size:clamp(6.2rem,8vw,8rem)}.plan-option{min-height:9rem;padding:1.2rem 1.3rem}.plan-copy strong{font-size:clamp(3.6rem,5vw,4.8rem)}.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)}.date-heading{font-size:clamp(6.2rem,8.2vw,8.8rem)}.interaction-panel{min-height:20rem}.choice-field{height:20rem}.answer--yes{margin-top:2rem}.massage-screen{grid-template-columns:minmax(0,1fr) minmax(24rem,.72fr);align-items:center;gap:clamp(4rem,9vw,8rem);width:min(100%,72rem);margin-block:clamp(3rem,8vh,6rem)}.massage-heading{font-size:clamp(5.8rem,7.2vw,7.8rem)}.massage-lines{width:43rem;bottom:-9rem;right:-8rem}.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){.topbar p,.ready-label,.answer,.date-control input,.submit-button,.back-button{min-height:3rem}}@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}}
