html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{overscroll-behavior:none}button,a,label{touch-action:manipulation}button,[role=button],[data-slot=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select{min-width:0;max-width:100%;font-size:max(16px,1em)}[data-room] main{min-width:0}[data-room] main>*{min-width:0;max-width:100%}[data-room] .grid>*{min-width:0}[data-room] .overflow-y-auto{max-width:100%;overflow-x:hidden}[data-room] input[type=date]:not(.sr-only){width:100%;min-width:0}@media (max-width:360px){#decision{height:6.5rem;min-height:6.5rem}}.desktop-note{display:none}@media (hover:hover) and (pointer:fine) and (min-width:820px){.phone-app{display:none!important}.desktop-note{display:grid}}[data-slot=button],[data-slot=toggle]{transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out), background-color .16s ease, color .16s ease, border-color .16s ease, opacity .16s ease}[data-slot=button]:active,[data-slot=toggle]:active{transform:scale(.97)}.ledge{--ledge:color-mix(in oklch, var(--primary) 48%, black);box-shadow:0 4px 0 var(--ledge)}.ledge-quiet{--ledge:#000103}@supports (color:lab(0% 0 0)){.ledge-quiet{--ledge:lab(.303253% -.0383258 -.630087)}}.ledge:active:not(:disabled){box-shadow:0 0 0 var(--ledge);transform:translateY(4px)}.block-step{transition:background-color .18s}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.enter-fade{animation:rise-in .24s var(--ease-out) both}.pop-in{animation:pop-in .34s var(--ease-out) backwards}.pop-late{animation-delay:80ms}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:none}}.slide-next{animation:slide-next .26s var(--ease-out) both}.slide-prev{animation:slide-prev .26s var(--ease-out) both}@keyframes slide-next{0%{opacity:0;transform:translate(28px)}}@keyframes slide-prev{0%{opacity:0;transform:translate(-28px)}}.meter-grow{transform-origin:0;animation:meter-grow .52s var(--ease-out) both}.worry-fill{transform-origin:bottom;animation:worry-fill .64s var(--ease-out) both}@keyframes worry-fill{0%{transform:scaleY(0)}}@keyframes meter-grow{0%{transform:scaleX(0)}}@keyframes breathe{50%{opacity:.4}}.looking{animation:breathe 1.6s var(--ease-in-out) infinite}.looking-late{animation-delay:.2s}.pet{flex:none;display:inline-block}.pet-body{width:100%;height:100%;animation:.9s step-end infinite pet-bob;animation-delay:var(--pet-delay,0s);display:block}.pet svg{width:100%;height:100%;display:block;overflow:visible}.pet-shadow{fill:#00000059;fill:lab(0% 0 0/.35)}.pet-eyes{transform-box:fill-box;transform-origin:50%;animation:3.8s step-end infinite pet-blink;animation-delay:var(--pet-delay,0s)}.pet-eyes.is-closed{animation:none;transform:scaleY(.25)}@keyframes pet-bob{0%{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes pet-blink{0%{transform:scaleY(1)}93%{transform:scaleY(.2)}97%{transform:scaleY(1)}}.pet[data-mood=hop] .pet-body{animation:pet-hop .46s var(--ease-out) var(--pet-delay,0s) both}.pet[data-mood=cheer] .pet-body{animation:pet-cheer 1.1s var(--ease-out) var(--pet-delay,0s) infinite}@keyframes pet-hop{0%{transform:translateY(0)scale(1.08,.92)}35%{transform:translateY(-34%)scale(.94,1.06)}72%{transform:translateY(0)scale(1.08,.92)}to{transform:none}}@keyframes pet-cheer{0%{transform:translateY(0)scale(1.08,.92)}20%{transform:translateY(-30%)scale(.94,1.06)}42%{transform:translateY(0)scale(1.08,.92)}55%,to{transform:none}}.pet[data-mood=look] svg{animation:2.6s step-end infinite pet-look;animation-delay:var(--pet-delay,0s)}@keyframes pet-look{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}}.pet[data-mood=sad] .pet-body{animation:pet-sad 2.4s var(--ease-in-out) infinite;filter:saturate(.55)}@keyframes pet-sad{0%,to{transform:translateY(5%)}50%{transform:translateY(8%)rotate(-3deg)}}.pet[data-mood=sleep] .pet-body{transform-origin:bottom;animation:pet-sleep 2.6s var(--ease-in-out) infinite}@keyframes pet-sleep{50%{transform:scale(1.04,.96)}}.pet-z{animation:pet-z 2.6s var(--ease-out) infinite}@keyframes pet-z{0%{opacity:0;transform:translateY(2px)}40%{opacity:1}to{opacity:0;transform:translate(1px,-2px)}}.pet-spark{animation:.6s step-end infinite pet-spark}@keyframes pet-spark{50%{opacity:0}}.pet[data-mood=walk] .pet-body{animation-duration:.32s}.walk-track{container-type:inline-size}.walker{animation:7s linear infinite walk;display:inline-block}@keyframes walk{0%{transform:translate(0)scaleX(-1)}49.9%{transform:translate(calc(100cqw - 100%))scaleX(-1)}50%{transform:translate(calc(100cqw - 100%))scaleX(1)}to{transform:translate(0)scaleX(1)}}.play-stage{perspective:900px}.deal{perspective:800px;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.deal-card{height:8.5rem;transform-style:preserve-3d;transition:transform .72s var(--ease-out);position:relative}.deal-card.is-live{animation:card-turn var(--play,15s) cubic-bezier(.12, .55, .08, 1) both}.deal-card.is-live[data-side=b]{animation-name:card-turn-b}.deal-card.is-open{transition:transform .7s var(--ease-out);animation:none;transform:rotateY(180deg)}.deal-card.is-rest{transition:transform .7s var(--ease-out);animation:none;transform:rotateY(0)}@keyframes card-turn{0%{transform:rotateY(0)}to{transform:rotateY(1980deg)}}@keyframes card-turn-b{0%{transform:rotateY(80deg)}to{transform:rotateY(1980deg)}}.deal-face,.deal-back{backface-visibility:hidden;text-align:center;border-radius:1rem;align-content:center;justify-items:center;gap:.35rem;padding:.75rem;font-weight:600;line-height:1.25;display:grid;position:absolute;inset:0}.deal-face{background:repeating-conic-gradient(color-mix(in oklch, var(--primary) 80%, black) 0 25%, var(--primary) 0 50%) 0 0 / 16px 16px;box-shadow:inset 0 0 0 4px color-mix(in oklch, var(--primary) 40%, black)}.deal-back{background:var(--card);transform:rotateY(180deg)}.deal-card.is-landed .deal-back{box-shadow:inset 0 0 0 3px var(--primary)}.door-stage{perspective:800px}.door{transform-origin:0;transition:transform .8s var(--ease-out);background:color-mix(in oklch, var(--primary) 42%, var(--card));box-shadow:inset 0 0 0 4px color-mix(in oklch, var(--primary) 30%, black)}.door.is-live{animation:door-ease var(--play,15s) cubic-bezier(.16, .7, .12, 1) both}.door.is-live[data-side=b]{animation-name:door-ease-b}.door.is-shut{transition:transform .7s var(--ease-out);animation:none;transform:rotateY(0)}@keyframes door-ease{0%{transform:rotateY(0)}40%{transform:rotateY(-14deg)}70%{transform:rotateY(-8deg)}to{transform:rotateY(-26deg)}}@keyframes door-ease-b{0%{transform:rotateY(0)}35%{transform:rotateY(-8deg)}68%{transform:rotateY(-20deg)}to{transform:rotateY(-12deg)}}.door:after{content:"";background:var(--mixed);width:8px;height:8px;position:absolute;top:50%;right:14%}.door.is-open{animation:none;transform:rotateY(-78deg)}.point-move{transform-origin:50%;transition:transform 1.1s cubic-bezier(.16,.84,.24,1)}.pet-step{transition:transform .9s cubic-bezier(.16,.84,.24,1),opacity .9s cubic-bezier(.16,.84,.24,1)}.pet-step.is-live{animation:pet-offer var(--play,15s) cubic-bezier(.2, .7, .2, 1) both}.pet-step.is-live[data-side=b]{animation-name:pet-offer-b}@keyframes pet-offer{0%,22%,to{transform:none}10%{transform:translateY(-14px)scale(1.05)}62%{transform:translateY(-6px)scale(1.02)}}@keyframes pet-offer-b{0%,48%,to{transform:none}28%{transform:translateY(-14px)scale(1.05)}78%{transform:translateY(-6px)scale(1.02)}}.pet-step.is-picked{transform:translateY(-14px)scale(1.06)}.pet-step.is-other{opacity:.45}.hold-fill{transform-origin:0;transition:transform .22s var(--ease-out);transform:scaleX(0)}.hold-fill.is-holding{transition:transform var(--hold,15s) linear;transform:scaleX(1)}.run-bar{transform-origin:0;animation:run-bar var(--run) linear both}@keyframes run-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scratch{touch-action:none;cursor:grab}::view-transition{pointer-events:none}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}::view-transition-new(.rise-in){animation:rise-in .21s var(--ease-out) both}::view-transition-old(.fade-out){animation:fade .15s var(--ease-out) both reverse}::view-transition-group(ffomo-header){animation:none}::view-transition-old(ffomo-header){animation:none}::view-transition-new(ffomo-header){animation:none}::view-transition-group(ffomo-action){animation:none}::view-transition-old(ffomo-action){animation:none}::view-transition-new(ffomo-action){animation:none}::view-transition-group(.choice-pill){animation-duration:.22s;animation-timing-function:var(--ease-in-out)}::view-transition-old(.choice-pill){animation:none}::view-transition-new(.choice-pill){animation:none}.animata-blobs{transition:translate .8s var(--ease-out)}.field:has([data-room=Both\ sides]) .animata-blobs{translate:-12% 16%}.field:has([data-room=The\ card]) .animata-blobs{translate:8% -14%}.field:has([data-room=Future\ you]) .animata-blobs{translate:-8% 18%}.field:has([data-room=Questions]) .animata-blobs{translate:16% -8%}.field:has([data-room=Must-haves]) .animata-blobs{translate:-16% 6%}.field:has([data-room=The\ cost]) .animata-blobs{translate:6% 14%}.field:has([data-room=Check\ first]) .animata-blobs{translate:-6% -12%}.field:has([data-room="Try it on"]) .animata-blobs{translate:12% 8%}.field:has([data-room=Door\ closed]) .animata-blobs{translate:-10% -16%}.field:has([data-room=Check\ in]) .animata-blobs{translate:10% -6%}.field:has([data-room=Your\ reasons]) .animata-blobs{translate:-14% 12%}.typing i{opacity:.35;background:currentColor;border-radius:999px;width:6px;height:6px;animation:1s infinite type-dot;display:block}.typing i:nth-of-type(2){animation-delay:.15s}.typing i:nth-of-type(3){animation-delay:.3s}@keyframes type-dot{0%,80%,to{opacity:.35;translate:0}40%{opacity:1;translate:0 -3px}}@media (prefers-reduced-motion:reduce){[data-slot=button]:active,[data-slot=toggle]:active,.ledge:active:not(:disabled){transform:none}.looking,.looking-late{opacity:.7;animation:none}.pet-body,.pet svg,.pet-eyes,.pet-z,.pet-spark,.walker{animation:none!important}.slide-next,.slide-prev,.pop-in,.sheet[open],.enter-fade{animation:.15s both fade}.deal-card,.door,.point-move,.point-mark,.point-wander,.pet-step,.block-step,.coin-spin{transition:none}.deal-card,.door,.pet-step,.point-mark,.point-wander,.coin-spin,.replay-still,.animate-pop-blob,.animate-bg-position,.animata-blobs,.typing i{transition:none;animation:none!important}.meter-grow,.worry-fill{animation:none}::view-transition-old(*){animation-duration:.01ms!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:.01ms!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:.01ms!important;animation-delay:0s!important}}.sheet-pet{image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:400% 400%;flex-shrink:0;display:inline-block;overflow:hidden}.speak-blob{place-items:center;width:72px;height:72px;display:grid;position:relative}.speak-core{width:28px;height:28px;box-shadow:0 0 24px color-mix(in oklch, var(--primary) 55%, transparent);background:radial-gradient(circle at 35% 30%,#9ec4ff 0%,#3b82f6 45%,#1d4ed8 100%);border-radius:999px}.speak-ring{border:1px solid color-mix(in oklch, var(--primary) 45%, transparent);opacity:.35;border-radius:999px;position:absolute;inset:8px}.speak-blob[data-mood=talk] .speak-core{animation:.52s ease-in-out infinite blob-talk}.speak-blob[data-mood=listen] .speak-core{animation:.9s ease-in-out infinite blob-listen}.speak-blob[data-mood=talk] .speak-ring,.speak-blob[data-mood=listen] .speak-ring{animation:1.4s ease-out infinite blob-ring}.speak-ring.is-late{animation-delay:.4s}@keyframes blob-talk{50%{transform:scale(1.18)}}@keyframes blob-listen{50%{filter:saturate(1.2);transform:scale(1.08)}}@keyframes blob-ring{to{opacity:0;transform:scale(1.35)}}.fade-cut{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.sheet[open]{animation:sheet-in .22s var(--ease-out) both}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.point-mark{animation:point-wander var(--play,15s) ease-in-out both;top:18%}.point-mark.is-set{transition:top .7s var(--ease-out);animation:none}.point-mark.is-set[data-side=a]{top:22%}.point-mark.is-set[data-side=b]{top:68%}.point-wander{animation:2.4s ease-in-out infinite alternate point-wander;top:18%}@keyframes point-wander{0%{top:18%}18%{top:74%}36%{top:24%}54%{top:68%}72%{top:32%}to{top:48%}}.replay-still{animation:replay-settle .42s var(--ease-out,ease-out) both}@keyframes replay-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}.coin-spin{animation:coin-spin var(--spin,15s) cubic-bezier(.12, .55, .08, 1) both;transform-style:preserve-3d}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(calc(var(--turns,5) * 360deg))}}
