.x{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.x-field{width:100%;height:100%;position:absolute;inset:0}.x-home,.x-checkin,.x-closing{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.x-home>:not(.x-orb),.x-checkin>*,.x-checkin li{opacity:0;filter:blur(8px);transition:opacity var(--slow) var(--ease), filter var(--slow) var(--ease), transform var(--slower) var(--ease-out);transform:translateY(6px)}.x[data-stage=home] .x-home,.x[data-stage=checkin] .x-checkin{pointer-events:auto}.x[data-stage=home] .x-home>:not(.x-orb),.x[data-stage=checkin] .x-checkin>*,.x[data-stage=checkin] .x-checkin li{opacity:1;filter:none;transform:none}.x[data-stage=home] .x-home>:nth-child(2){transition-delay:.25s}.x[data-stage=home] .x-home>:nth-child(3){transition-delay:.5s}.x[data-stage=checkin] .x-checkin>*{transition-delay:.9s}.x[data-stage=checkin] .x-checkin li{transition-delay:calc(1.3s + var(--i) * .16s)}.x[data-stage=checkin] .x-checkin>.x-unsure{transition-delay:2.2s}.x-mark{line-height:0}.x-mark .logo{width:104px}.x-line{font-size:var(--fs-ui);letter-spacing:.01em;color:var(--gray-3);margin-top:22px}.x-begin{flex-direction:column;align-items:center;gap:18px;margin-top:16vh;padding:20px 36px;display:flex}.x-begin-dot{background:var(--green);width:12px;height:12px;transition:transform 1.2s var(--ease-out);border-radius:50%;position:relative}.x-begin-dot:before,.x-begin-dot:after{content:"";background:var(--green);opacity:0;animation:x-breathe 12s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}.x-begin-dot:after{animation-delay:.5s}@keyframes x-breathe{0%{opacity:0;transform:scale(1)}8%{opacity:.22}33%{opacity:.1;transform:scale(3.4)}50%{opacity:.06;transform:scale(3.4)}to{opacity:0;transform:scale(1)}}.x-begin:hover .x-begin-dot,.x-begin:focus-visible .x-begin-dot{transform:scale(1.45)}.x-begin:active .x-begin-dot{transition-duration:.3s;transform:scale(1.15)}.x-begin-label{font-size:var(--fs-label);letter-spacing:.32em;text-transform:uppercase;color:var(--gray-3);transition:color .8s var(--ease);margin-right:-.32em}.x-begin:hover .x-begin-label{color:var(--ink)}.x-question{font-size:var(--fs-x);letter-spacing:.01em;margin-bottom:7vh;font-weight:400}.x-options{flex-direction:column;align-items:stretch;width:min(100%,340px);list-style:none;display:flex}.x-options li+li{border-top:1px solid var(--gray-1)}.x-options button{text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:16px;width:100%;padding:20px 4px;display:grid;position:relative}.x-option-label{font-size:var(--fs-x);transition:transform 1s var(--ease-out), color .8s var(--ease)}.x-option-detail{font-size:var(--fs-ui);color:var(--gray-2);transition:color .8s var(--ease)}.x-option-dot{background:var(--green);opacity:0;width:6px;height:6px;transition:opacity .8s var(--ease), transform 1s var(--ease-out);border-radius:50%;margin-top:-3px;position:absolute;top:50%;left:-18px;transform:scale(.3)}.x-options button:hover .x-option-dot,.x-options button:focus-visible .x-option-dot{opacity:1;transform:none}.x-options button:hover .x-option-label,.x-options button:focus-visible .x-option-label{transform:translate(4px)}.x-options button:hover .x-option-detail{color:var(--gray-3)}.x-unsure{margin-top:5vh}.x-text{text-align:center;pointer-events:none;color:var(--gray-3);opacity:0;filter:blur(6px);transition:opacity 1.2s var(--ease), filter 1.2s var(--ease), transform 1.8s var(--ease-out);position:absolute;top:50%;left:16px;right:16px;transform:translateY(38px)}.x-text.is-on{opacity:1;filter:none;transform:translateY(34px)}.x-text--hint{font-size:var(--fs-label);letter-spacing:.3em;text-transform:uppercase;margin-right:-.3em}.x-text--intro,.x-text--prompt{font-size:var(--fs-x);letter-spacing:.01em;color:var(--ink);line-height:1.5}.x[data-visual=orb] .x-text--intro,.x[data-visual=orbit] .x-text--intro{top:auto;bottom:max(11vh,80px);transform:translateY(4px)}.x[data-visual=orb] .x-text--intro.is-on,.x[data-visual=orbit] .x-text--intro.is-on{transform:none}.x[data-visual=horizon] .x-text{top:30%;transform:translateY(4px)}.x[data-visual=horizon] .x-text.is-on{transform:none}.x-controls{left:0;right:0;bottom:max(8px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease);justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:absolute}.x[data-stage=session].is-awake .x-controls{opacity:1;pointer-events:auto}.x-hold-tip{font-size:var(--fs-label);letter-spacing:.08em;color:var(--gray-2)}.x-closing-line{font-size:var(--fs-x);letter-spacing:.01em;opacity:0;filter:blur(8px);transition:opacity 3s var(--ease), filter 3s var(--ease), transform 3.4s var(--ease-out);transform:translateY(6px)}.x-goon{color:var(--gray-3);margin-top:14px}.x-done{font-size:var(--fs-label);letter-spacing:.32em;text-transform:uppercase;color:var(--gray-3);opacity:0;transition:opacity 2.4s var(--ease), color .8s var(--ease);margin-top:16vh;margin-right:-.32em;padding:14px 28px}.x-done:hover{color:var(--ink)}.x-why{bottom:max(16px, env(safe-area-inset-bottom));opacity:0;transition-delay:1.6s;position:absolute}.x-closing[data-step="1"] .x-here,.x-closing[data-step="2"] .x-here,.x-closing[data-step="3"] .x-here,.x-closing[data-step="2"] .x-goon,.x-closing[data-step="3"] .x-goon{opacity:1;filter:none;transform:none}.x-closing[data-step="3"]{pointer-events:auto}.x-closing[data-step="3"] .x-done,.x-closing[data-step="3"] .x-why{opacity:1}.x[data-stage=home] .x-closing-line{transition-duration:1s}.x-foot{left:0;right:0;bottom:max(8px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;display:grid;position:absolute}.x-foot>:first-child{justify-self:start}.x-foot>:last-child{justify-self:end}.x-foot-links{gap:8px;display:flex}.x-foot-links .quiet{font-size:var(--fs-ui);letter-spacing:.06em}.x[data-stage=home] .x-foot{opacity:1;pointer-events:auto;transition-delay:1s}.x{--R:min(30vmin, 250px)}.x-orb{width:calc(var(--R) * 1.8);height:calc(var(--R) * 1.8);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-orb:focus-visible{outline:none}.x-orb{opacity:0;transition:opacity var(--slow) var(--ease)}.x[data-stage=home] .x-orb{opacity:1;transition-delay:.5s}.x-orb-label{font-size:var(--fs-label);letter-spacing:.32em;text-transform:uppercase;color:var(--gray-3);transition:color 1s var(--ease), letter-spacing 1.4s var(--ease-out);margin-right:-.32em;position:absolute;top:calc(50% + 26px);left:0;right:0}.x-orb:hover .x-orb-label,.x-orb:focus-visible .x-orb-label{color:var(--ink);letter-spacing:.4em}:lang(ja) .x-orb-label{letter-spacing:.2em}.x-home .x-line{left:16px;right:16px;top:calc(50% + var(--R) + 28px);text-align:center;font-size:var(--fs-x);margin:0;position:absolute}.x-bar{opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease);position:absolute;top:0;left:0;right:0}.x[data-stage=home] .x-bar,.x[data-stage=checkin] .x-bar,.x[data-stage=closing] .x-bar,.x[data-stage=session].is-awake .x-bar{opacity:1;pointer-events:auto}