.ob-root{--ob-ease:cubic-bezier(.44, 0, .56, 1);--ob-blue:#0a6cf0;--ob-panel:#0c0c0d;--ob-step:60px;--field-border:var(--border)}.dark-mode .ob-root{--ob-panel:#111113}.ob-title{font-family:var(--font-sx-head);letter-spacing:-.048em;font-size:clamp(1.75rem,1.25rem + 1.35vw,2.5rem);font-weight:500;line-height:1.12}.ob-h1{font-family:var(--font-sx-head);letter-spacing:-.052em;font-size:clamp(1.4rem,1rem + 1.15vw,2.25rem);font-weight:500;line-height:1.1}.ob-stage{background:radial-gradient(120% 60% at 0% 0%, #0a6cf029, transparent 62%), var(--ob-panel);animation:ob-rise .8s var(--ob-ease) both;box-shadow:inset 0 0 0 1px #ffffff0f}.ob-stage-grid{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"shot head""rail rail";gap:12px 14px;display:grid}@media (min-width:1024px){.ob-stage-grid{grid-template:"head""rail""shot"minmax(0,1fr)/minmax(0,1fr);gap:36px;min-height:0}}@media (min-width:1024px) and (max-height:820px){.ob-root{--ob-step:50px}.ob-stage-grid{gap:22px}}.ob-seq{animation:ob-slide-fwd .6s var(--sx-spring-soft) both}.ob-form[data-dir="-1"] .ob-seq{animation-name:ob-slide-back}.ob-seq>*{animation:ob-up .6s var(--ob-ease) both;animation-delay:70ms}.ob-seq>:nth-child(2){animation-delay:.12s}.ob-seq>:nth-child(3){animation-delay:.17s}.ob-seq>:nth-child(4){animation-delay:.22s}.ob-seq>:nth-child(5){animation-delay:.27s}.ob-seq>:nth-child(6){animation-delay:.32s}.ob-seq>:nth-child(7){animation-delay:.37s}.ob-seq>:nth-child(8){animation-delay:.42s}.ob-seq>:nth-child(n+9){animation-delay:.47s}.ob-scroll{-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%)}.ob-msg{animation:ob-up .35s var(--ob-ease) both}.ob-tick path{stroke-dasharray:1;stroke-dashoffset:1px;animation:ob-draw .45s var(--ob-ease) 80ms forwards}.ob-line{background:#ffffff1f;border-radius:2px;overflow:hidden}.ob-line>i{background:var(--ob-blue);transform:scaleX(var(--ob-fill,0));transform-origin:0;transition:transform .9s var(--ob-ease);position:absolute;inset:0}.ob-line[data-fill=full]{--ob-fill:1}@media (min-width:1024px){.ob-line>i{transform:scaleY(var(--ob-fill,0));transform-origin:top}}.ob-shot{opacity:0;transition:opacity .7s var(--ob-ease);position:absolute;inset:0}.ob-shot[data-on=true]{opacity:1}.ob-pop-in{animation:ob-pop-in .7s var(--sx-spring-pop) both}.ob-burst>i{opacity:0;width:8px;height:8px;animation:ob-burst 1.1s var(--ob-ease) .25s both;border-radius:50%;margin:-4px;position:absolute;top:50%;left:50%}.ob-ring-spin{animation:1.1s linear infinite ob-spin}.ob-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite ob-spin;display:inline-block}.ob-card-check{transition:transform .45s var(--sx-spring-pop);transform:scale(0)}[aria-pressed=true]>.ob-card-check,[aria-pressed=true] .ob-card-check{transform:scale(1)}.ob-ripple{pointer-events:none;border-radius:inherit;animation:ob-ripple .7s var(--ob-ease) both;position:absolute;inset:0;box-shadow:0 0 #0a6cf059}@keyframes ob-rise{0%{opacity:0;transform:translateY(24px)}}@keyframes ob-slide-fwd{0%{opacity:0;transform:translate(44px)}}@keyframes ob-slide-back{0%{opacity:0;transform:translate(-44px)}}@keyframes ob-up{0%{opacity:0;transform:translateY(14px)}}@keyframes ob-draw{to{stroke-dashoffset:0}}@keyframes ob-pop-in{0%{opacity:0;transform:translateY(14px)scale(.92)}}@keyframes ob-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(var(--d,-110px)) scale(.4)}}@keyframes ob-spin{to{transform:rotate(360deg)}}@keyframes ob-ripple{to{box-shadow:0 0 0 18px #0a6cf000}}@media (prefers-reduced-motion:reduce){.ob-root *,.ob-root :before,.ob-root :after{transition-duration:.01ms!important;animation:none!important}.ob-tick path{stroke-dashoffset:0}}