.ob{z-index:130;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.ob-scrim{background:#020408b8;position:fixed;inset:0}.ob-card{border:1px solid var(--pane-edge);border-radius:var(--r-pane);background:radial-gradient(120% 60% at 50% -10%, var(--accent-faint), transparent 70%), var(--pane-2);width:min(35rem,100%);box-shadow:var(--pane-shadow-lifted), inset 0 1px 0 var(--pane-lit);color:var(--ink);font-family:var(--sans);gap:1.1rem;padding:1.5rem 1.625rem 1.375rem;display:grid;position:relative;container-type:inline-size}.ob-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ob-kicker{color:var(--accent);font:600 var(--t-micro)/1 var(--sans);letter-spacing:var(--caps);text-transform:uppercase}.ob-skip{min-height:2.75rem;color:var(--ink-4);font:500 var(--t-tiny)/1 var(--sans);cursor:pointer;background:0 0;border:0;margin:-.625rem -.5rem -.625rem 0;padding:0 .5rem}.ob-skip:hover{color:var(--ink)}.ob-rail-wrap{position:relative}.ob-rail{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.ob-rail-track{background:var(--hairline);border-radius:2px;height:2px;position:absolute;top:1.375rem;left:8.33333%;right:8.33333%;overflow:hidden}.ob-rail-fill{background:var(--accent);transform:scaleX(var(--ob-progress,0));transform-origin:0;transition:transform .52s var(--out-expo);position:absolute;inset:0}.ob-rail button{width:100%;min-height:2.75rem;color:var(--ink-4);cursor:pointer;background:0 0;border:0;justify-items:center;gap:.4rem;padding:.375rem 0 0;display:grid}.ob-dot{border:1px solid var(--pane-edge-2,var(--hairline));border-radius:var(--r-pill);background:var(--pane-raised);width:2rem;height:2rem;color:var(--ink-4);font:600 var(--t-micro)/1 var(--mono);transition:transform .26s var(--spring), background-color .2s ease, color .2s ease, border-color .2s ease;place-items:center;display:grid;position:relative}.ob-rail-label{font:500 var(--t-micro)/1.1 var(--sans);white-space:nowrap}.ob-rail li[data-state=current] .ob-dot{border-color:var(--accent);background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--pane-raised);color:var(--ink);transform:scale(1.12)}.ob-rail li[data-state=current] button{color:var(--ink)}.ob-rail li[data-state=done] .ob-dot{background:linear-gradient(var(--up-soft), var(--up-soft)), var(--pane-raised);color:var(--up);border-color:#37d59b80}.ob-rail li[data-state=done] .ob-dot svg{animation:ob-pop .38s var(--spring) both}.ob-rail li[data-state=passed] .ob-dot{color:var(--ink-3)}.ob-rail button:focus-visible{outline:none}.ob-rail button:focus-visible .ob-dot{outline:2px solid var(--focus);outline-offset:2px}.ob-title{color:var(--ink);font:600 var(--t-figure)/1.15 var(--display,var(--sans));letter-spacing:-.02em;outline:none;margin:.25rem 0 0}.ob-stage{min-height:13.5rem}.ob-panel{will-change:transform, opacity;gap:1rem;display:grid}.ob-body{gap:.875rem;display:grid}.ob-lede{color:var(--ink-3);font:400 var(--t-body)/1.55 var(--sans);margin:0}.ob-lede b{color:var(--ink);font-weight:600}.ob-mono{font-family:var(--mono)}.ob-btn{border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--pane-inset,#ffffff0d);min-height:2.75rem;color:var(--ink-2);font:600 var(--t-body)/1 var(--sans);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:0 1.1rem;text-decoration:none;transition:transform .12s,background-color .16s,border-color .16s;display:inline-flex}.ob-btn:hover:not(:disabled){background:var(--pane-hover,#ffffff17);border-color:var(--pane-edge)}.ob-btn:active:not(:disabled){transform:scale(.97)}.ob-btn:disabled{color:var(--ink-4);cursor:not-allowed}.ob-btn--primary{background:var(--ink);color:var(--on-bright,#05080d);border-color:#0000}.ob-btn--primary:hover:not(:disabled){background:#fff;border-color:#0000}.ob-btn--ghost{color:var(--ink-3);background:0 0}.ob-btn:focus-visible,.ob-choice:focus-visible,.ob-skip:focus-visible,.ob-pill:focus-visible,.ob-manual summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ob-foot{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.875rem;display:flex}.ob-foot .ob-btn--primary{min-width:9rem}.ob-ok{border-radius:var(--r-control);color:var(--ink);font:500 var(--t-body)/1.35 var(--sans);background:#37d59b12;border:1px solid #37d59b4d;align-items:center;gap:.625rem;margin:0;padding:.75rem .875rem;display:flex}.ob-ok-tick{border-radius:var(--r-pill);background:var(--up);color:#04210d;width:1.5rem;height:1.5rem;animation:ob-pop .42s var(--spring) both;flex:none;place-items:center;display:grid}.ob-notice{border-radius:var(--r-control);animation:ob-rise .28s var(--out-expo) both;background:#fed7aa0f;border:1px solid #fed7aa4d;gap:.5rem;padding:.875rem;display:grid}.ob-notice[data-kind=rejected],.ob-notice[data-kind=failed]{background:#ff8e9712;border-color:#ff8e9757}.ob-notice>b{color:var(--warn);font:600 var(--t-body)/1.3 var(--sans)}.ob-notice[data-kind=rejected]>b,.ob-notice[data-kind=failed]>b{color:var(--down)}.ob-notice-body{color:var(--ink-3);font:400 var(--t-tiny)/1.5 var(--sans);justify-items:start;gap:.625rem;display:grid}.ob-notice-body p{margin:0}.ob-waiting{color:var(--ink-4);font:500 var(--t-tiny)/1.3 var(--sans);align-items:center;gap:.625rem;margin:0;display:flex}.ob-pulse{border-radius:var(--r-pill);background:var(--accent);width:.5rem;height:.5rem;position:relative}.ob-pulse:after{content:"";border-radius:inherit;background:var(--accent);animation:ob-ping 1.6s var(--out-expo) infinite;position:absolute;inset:0}.ob-recipe{counter-reset:ob-recipe;gap:.625rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.ob-recipe li{counter-increment:ob-recipe;grid-template-columns:1.5rem 1fr;align-items:center;gap:.5rem .625rem;display:grid}.ob-recipe li:before{content:counter(ob-recipe);border-radius:var(--r-pill);background:var(--pane-raised);width:1.5rem;height:1.5rem;color:var(--ink-2);font:600 var(--t-micro)/1 var(--mono);place-items:center;display:grid}.ob-recipe li>.ob-btn{grid-column:2;justify-self:start;min-height:2.75rem}.ob-recipe b{color:var(--ink)}.ob-manual{color:var(--ink-4);font:500 var(--t-tiny)/1.4 var(--sans)}.ob-manual summary{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;list-style:none;display:flex}.ob-manual summary::-webkit-details-marker{display:none}.ob-manual summary:before{content:"";width:.4rem;height:.4rem;transition:transform .18s var(--out-expo);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(-45deg)}.ob-manual[open] summary:before{transform:rotate(45deg)}.ob-manual dl{border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--pane-inset,#ffffff0a);grid-template-columns:max-content minmax(0,1fr);gap:.375rem 1rem;margin:.25rem 0 0;padding:.75rem .875rem;display:grid}.ob-manual dt{color:var(--ink-4)}.ob-manual dd{color:var(--ink-2);overflow-wrap:anywhere;margin:0}.ob-welcome{gap:1rem;display:grid}.ob-orbit{place-items:center;width:7.5rem;height:7.5rem;margin:.25rem auto;display:grid;position:relative}.ob-orbit-ring{border:1px solid var(--accent-soft);border-radius:50%;animation:14s linear infinite ob-spin;position:absolute;inset:0}.ob-orbit-ring:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%;position:absolute;top:-4px;left:calc(50% - 4px)}.ob-orbit-ring--2{animation-duration:9s;animation-direction:reverse;inset:1.25rem}.ob-orbit-ring--2:after{background:var(--up);box-shadow:0 0 10px var(--up)}.ob-orbit-core{color:var(--ink);font:700 var(--t-figure)/1 var(--display,var(--sans));letter-spacing:-.03em}.ob-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ob-pillars li{border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--pane-inset,#ffffff0a);animation:ob-rise .42s var(--out-expo) both;align-content:start;gap:.3rem;padding:.75rem;display:grid}.ob-pillars li:nth-child(2){animation-delay:70ms}.ob-pillars li:nth-child(3){animation-delay:.14s}.ob-pillars b{color:var(--ink);font:600 var(--t-tiny)/1.2 var(--sans)}.ob-pillars span{color:var(--ink-4);font:400 var(--t-micro)/1.45 var(--sans)}.ob-connect{gap:.5rem;display:grid}.ob-connect .wg-or{margin:.25rem 0 0}.ob-choices{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ob-choice{border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--pane-inset,#ffffff0a);width:100%;min-height:3.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .16s var(--out-expo), background-color .16s ease, border-color .16s ease;animation:ob-rise .38s var(--out-expo) both;grid-template-rows:auto auto;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.2rem .75rem;padding:.75rem .875rem;text-decoration:none;display:grid}.ob-choices li:nth-child(2) .ob-choice{animation-delay:60ms}.ob-choices li:nth-child(3) .ob-choice{animation-delay:.12s}.ob-choice:hover:not(:disabled){background:var(--pane-hover,#ffffff14);border-color:var(--pane-edge);transform:translateY(-1px)}.ob-choice:active:not(:disabled){transform:scale(.985)}.ob-choice:disabled{cursor:not-allowed;opacity:.55}.ob-choice-mark{border-radius:var(--r-control);background:var(--pane-raised);width:2.5rem;height:2.5rem;color:var(--ink-2);grid-row:span 2;place-items:center;display:grid}.ob-choice-mark[data-tone=up]{background:var(--up-soft);color:var(--up)}.ob-choice-mark[data-tone=accent]{background:var(--accent-soft);color:var(--accent)}.ob-choice b{color:var(--ink);font:600 var(--t-body)/1.2 var(--sans)}.ob-choice>span:last-child{color:var(--ink-4);font:400 var(--t-tiny)/1.4 var(--sans)}.ob-share{justify-items:center;gap:.25rem;padding:1.25rem 0 .5rem;display:grid}.ob-share b{color:var(--up);font:700 3.25rem/1 var(--display,var(--sans));letter-spacing:-.04em;animation:ob-pop .52s var(--spring) both}.ob-share span{color:var(--ink-4);font:600 var(--t-micro)/1 var(--sans);letter-spacing:var(--caps);text-transform:uppercase}.ob-body>.ob-btn--primary{justify-self:start}.ob-pill{z-index:125;left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--pane-edge);border-radius:var(--r-pill);background:var(--pane-raised);min-height:2.875rem;box-shadow:var(--pane-shadow-lifted);color:var(--ink);font:600 var(--t-tiny)/1 var(--sans);cursor:pointer;align-items:center;gap:.625rem;padding:0 1rem 0 .625rem;display:inline-flex;position:fixed}.ob-pill em{color:var(--ink-4);font:500 var(--t-micro)/1 var(--mono);font-style:normal}.ob-pill-ring{background:conic-gradient(var(--accent) calc(var(--ob-progress,0) * 1turn), var(--hairline) 0);border-radius:50%;width:1.625rem;height:1.625rem;-webkit-mask:radial-gradient(circle,#0000 55%,#000 57%);mask:radial-gradient(circle,#0000 55%,#000 57%)}@keyframes ob-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes ob-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ob-spin{to{transform:rotate(1turn)}}@keyframes ob-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.ob-orbit-ring,.ob-pulse:after{animation:none}.ob-ok-tick,.ob-notice,.ob-pillars li,.ob-choice,.ob-share b,.ob-rail li[data-state=done] .ob-dot svg{animation:.12s both ob-fade}.ob-rail-fill,.ob-dot,.ob-choice,.ob-btn{transition-duration:1ms}.ob-rail li[data-state=current] .ob-dot{transform:none}}@keyframes ob-fade{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.ob{place-items:end stretch;padding:0}.ob-card{width:100%;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));padding:1.125rem 16px max(1rem, env(safe-area-inset-bottom));border-radius:var(--r-pane) var(--r-pane) 0 0;border-bottom:0;gap:.9rem;overflow:auto}.ob-title{font-size:var(--t-lead)}.ob-stage{min-height:0}.ob-orbit{width:5.5rem;height:5.5rem}.ob-orbit-ring--2{inset:.9rem}.ob-pillars{grid-template-columns:1fr}.ob-pillars li{grid-template-columns:8.5rem 1fr;align-items:baseline}.ob-rail-label{display:none}.ob-rail li[data-state=current] .ob-rail-label{display:block;position:absolute;top:2.9rem}.ob-rail li{justify-items:center;display:grid;position:relative}.ob-rail-wrap{padding-bottom:.75rem}.ob-foot{bottom:calc(-1 * max(1rem, env(safe-area-inset-bottom)));padding-bottom:max(.25rem, env(safe-area-inset-bottom));background:var(--pane-2);position:sticky}.ob-foot .ob-btn{flex:1}.ob-foot>span:empty{display:none}.ob-pill{bottom:calc(4.25rem + env(safe-area-inset-bottom))}}.ob-replay{border:1px solid var(--hairline);border-radius:var(--r-control);background:var(--pane-inset,#ffffff0d);min-height:2.75rem;color:var(--ink-2);font:600 var(--t-tiny)/1 var(--sans);cursor:pointer;justify-self:start;padding:0 1rem;transition:background-color .16s,border-color .16s,transform .12s}.ob-replay:hover{background:var(--pane-hover,#ffffff17);border-color:var(--pane-edge)}.ob-replay:active{transform:scale(.97)}.ob-replay:focus-visible{outline:2px solid var(--focus);outline-offset:2px}