.onb-stage{min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans);background:linear-gradient(145deg, var(--loop-ice-2) 0%, var(--loop-ice) 48%, var(--auth-canvas-end) 100%);position:relative;overflow-x:clip}.onb-ground{pointer-events:none;position:absolute;inset:0;overflow:hidden}.onb-ground i{border-radius:var(--radius-orbit);position:absolute}.onb-ground i:first-child{border:52px solid var(--auth-ring-cobalt);width:580px;height:580px;top:-310px;right:-250px;transform:rotate(-20deg)}.onb-ground i:last-child{border:42px solid var(--auth-ring-teal);width:460px;height:460px;bottom:-260px;left:-240px;transform:rotate(18deg)}.onb-content{place-items:center;min-height:100dvh;padding:48px 24px;display:grid;position:relative}.onb-layer{z-index:2;pointer-events:none;visibility:hidden;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.onb-mark-track path{stroke:color-mix(in srgb, var(--loop-midnight) 7%, transparent)}.onb-word path{fill:var(--loop-midnight);opacity:0}.onb-slot{aspect-ratio:1024/692.23}.onb-slot>svg{width:100%;height:100%;display:block;overflow:visible}.onb-slot[data-covered]>svg{visibility:hidden}.onb-page{width:min(100%,440px);display:grid}.onb-page-mark{width:176px;margin:0 0 30px}.onb-eyebrow{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-secondary);font-weight:var(--weight-strong);margin:0 0 12px}.onb-title{font-size:var(--fs-44);line-height:var(--lh-50);letter-spacing:var(--tracking-auth-title);font-weight:var(--weight-title);text-wrap:balance;outline:none;margin:0}.onb-lede{font-size:var(--text-md);line-height:var(--leading-body);color:var(--text-secondary);text-wrap:pretty;max-width:400px;margin:12px 0 0}.onb-ticket{background:var(--surface);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:28px 0 22px;position:relative}.onb-ticket-team{align-items:center;gap:10px;padding:12px 14px 12px 16px;display:flex}.onb-ticket-org{border-radius:var(--radius-md);background:var(--canvas-inverse);width:26px;height:26px;color:var(--text-inverse);font-size:var(--fs-12);font-weight:var(--weight-strong);flex:none;place-items:center;line-height:1;display:grid}.onb-ticket-team strong{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--leading-label);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.onb-ticket-status{border-radius:var(--radius-pill);font-size:var(--fs-12);font-weight:var(--weight-strong);line-height:var(--lh-16);background:var(--loop-cobalt-soft);color:var(--loop-cobalt);flex:none;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.onb-ticket[data-status=confirmed] .onb-ticket-status{background:var(--loop-teal-soft);color:var(--loop-teal-ink)}.onb-ticket[data-status=gone] .onb-ticket-status{background:var(--state-neutral-soft-surface);color:var(--state-neutral-soft-text)}.onb-ticket-status svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.onb-ticket-seat{border-top:1px dashed var(--border-subtle);align-items:center;gap:12px;padding:15px 16px 16px;display:flex;position:relative}.onb-ticket-seat:before,.onb-ticket-seat:after{content:"";border-radius:var(--radius-round);background:var(--loop-ice);border:1px solid var(--border-hairline);width:15px;height:15px;position:absolute;top:-8px}.onb-ticket-seat:before{clip-path:inset(0 0 0 50%);left:-8px}.onb-ticket-seat:after{clip-path:inset(0 50% 0 0);right:-8px}.onb-ticket-avatar{border-radius:var(--radius-round);background:var(--loop-cobalt);width:40px;height:40px;color:var(--on-cobalt);font-size:var(--fs-16);font-weight:var(--weight-strong);border:1.5px solid var(--loop-cobalt);transition:background-color var(--spring-soft-dur) var(--spring-soft), border-color var(--spring-soft-dur) var(--spring-soft);flex:none;place-items:center;line-height:1;display:grid;overflow:hidden}.onb-ticket-avatar[data-empty]{background:var(--surface);border:1.5px dashed var(--line-strong)}.onb-ticket-avatar>span{animation:lp-roll-in var(--swap-in-dur) var(--spring-soft) both}.onb-ticket-who{min-width:0;display:grid}.onb-ticket-who strong{font-size:var(--text-base);font-weight:var(--weight-strong);line-height:var(--lh-22);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onb-ticket-who strong[data-empty]{color:var(--text-secondary);font-weight:var(--weight-medium)}.onb-ticket-who span{font-size:var(--text-xs);line-height:var(--lh-18);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onb-form{gap:var(--space-4);display:grid}.onb-head+.onb-form{margin-top:28px}.onb-fields{display:grid}.onb-fields>.onb-field{grid-area:1/1;min-width:0}.onb-field{transition:opacity var(--swap-in-dur) var(--spring-soft), filter var(--swap-in-dur) var(--spring-soft), translate var(--swap-in-dur) var(--spring-soft), visibility var(--motion-none) var(--ease-linear)}.onb-field:not([data-active]){opacity:0;filter:blur(var(--swap-blur));translate:0 calc(var(--swap-shift) * -1);visibility:hidden;pointer-events:none;transition:opacity var(--swap-out-dur) var(--spring-soft), filter var(--swap-out-dur) var(--spring-soft), translate var(--swap-out-dur) var(--spring-soft), visibility var(--motion-none) var(--ease-linear) var(--swap-out-dur)}[data-step="0"] .onb-field:not([data-active]){translate:0 var(--swap-shift)}.onb-swap{display:grid}.onb-swap>*{grid-area:1/1;min-width:0}.onb-swap-out{animation:lp-roll-out var(--swap-out-dur) var(--spring-soft) both;pointer-events:none}.onb-swap-in{animation:lp-roll-in var(--swap-in-dur) var(--spring-soft) both}span.onb-swap{display:inline-grid}[data-step="0"] .onb-swap{--roll-dir:-1}.onb-primary{width:100%}.onb-primary svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.onb-back{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font:inherit;font-size:var(--text-xs);background:0 0;border:0;justify-self:center;padding:6px 10px}.onb-back:hover{color:var(--text-primary)}.onb-back:focus-visible{outline:var(--btn-focus-outline);outline-offset:var(--btn-focus-offset)}.onb-problem{border-radius:var(--radius-md);background:var(--state-danger-soft-surface);color:var(--state-danger-soft-text);font-size:var(--text-xs);line-height:var(--leading-body);margin:0;padding:10px 12px}.onb-meta{text-align:center;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-body);margin:22px 0 0}.onb-meta a{color:var(--loop-cobalt);font-weight:var(--weight-strong);text-decoration:none}.onb-meta a:hover{text-decoration:underline}.onb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.onb-password{gap:10px;display:grid;position:relative}.onb-forgot{border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:var(--fs-13);line-height:var(--lh-18);font-weight:var(--weight-strong);color:var(--loop-cobalt);background:0 0;border:0;margin:-3px -4px 0 0;padding:3px 4px;position:absolute;top:0;right:0}.onb-forgot:hover{text-decoration:underline}.onb-forgot:focus-visible{outline:var(--btn-focus-outline);outline-offset:var(--btn-focus-offset)}.onb-note{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border-hairline);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-body);margin:0;padding:10px 12px}.onb-sign-in :is(.onb-note,.onb-problem){animation:lp-roll-in var(--swap-in-dur) var(--spring-soft) var(--stagger-lead) both}.onb-sign-in .onb-note[data-closing]{animation:lp-roll-out var(--swap-out-dur) var(--spring-soft) both;pointer-events:none}.onb-sign-in .onb-problem{transition:opacity var(--spring-soft-dur) var(--spring-soft)}.onb-sign-in .onb-problem[data-stale]{opacity:.5}.onb-page.onb-sandbox>*{animation:none}.onb-options{gap:10px}.onb-options button{text-align:left;border:1px solid var(--border-field);border-radius:var(--radius-control);background:var(--surface);color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-strong);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-smooth), background var(--motion-fast) var(--ease-smooth);padding:14px 16px}.onb-options button:hover{background:var(--surface-element);border-color:var(--border-focus)}.onb-options button:focus-visible{outline:var(--btn-focus-outline);outline-offset:var(--btn-focus-offset)}.onb-options span{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-regular);margin-top:2px;display:block}.onb-next{gap:14px;margin:0 0 26px;padding:0;list-style:none;display:grid}.onb-next li{gap:14px;display:flex}.onb-next li>span{color:var(--loop-cobalt);font-size:var(--fs-12);font-weight:var(--weight-strong);line-height:var(--lh-18);font-variant-numeric:tabular-nums;flex:none;padding-top:2px}.onb-next strong{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--lh-20);display:block}.onb-next p{font-size:var(--text-xs);line-height:var(--leading-body);color:var(--text-secondary);margin:2px 0 0}.onb-page>:not(.onb-slot){animation:lp-rise var(--spring-morph-dur) var(--spring-morph) backwards;animation-delay:calc(var(--stagger-lead) + var(--rise-index,0) * var(--stagger-step) * 2)}.onb-page>:nth-child(2){--rise-index:0}.onb-page>:nth-child(3){--rise-index:1}.onb-page>:nth-child(4){--rise-index:2}.onb-page>:nth-child(5){--rise-index:3}.onb-page>:nth-child(6){--rise-index:4}.onb-welcome>.onb-ticket{animation:none}.onb-welcome .onb-ticket-status{animation:onb-stamp var(--spring-morph-dur) var(--spring-morph) backwards;animation-delay:calc(var(--spring-morph-dur) + var(--stagger-lead))}.onb-welcome .onb-ticket-status path{stroke-dasharray:20;stroke-dashoffset:20px;animation:lp-draw var(--spring-glide-dur) var(--spring-glide) forwards;animation-delay:calc(var(--spring-morph-dur) + var(--stagger-lead) + var(--swap-out-dur))}@keyframes onb-stamp{0%{opacity:0;transform:scale(calc(1 - .45 * var(--travel)))}}.onb-stage.onb-still{min-height:0;position:absolute}.onb-page[data-leaving]>:not(.onb-slot){animation:lp-sink var(--spring-glide-dur) var(--spring-glide) forwards;animation-delay:calc(var(--rise-index,0) * var(--stagger-step));pointer-events:none}.onb-exit{z-index:19980;position:fixed;inset:0;overflow:hidden}.onb-exit[data-through]{pointer-events:none}.onb-exit-curtain{opacity:0;background:linear-gradient(145deg, var(--loop-ice-2) 0%, var(--loop-ice) 48%, var(--auth-canvas-end) 100%);position:absolute;inset:0}.onb-exit-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.onb-exit-cover{border-radius:var(--radius-round);background:var(--loop-ice);display:none;position:absolute}.onb-stage{--onb-intro-grace:6s;--onb-after-intro:.36s}.onb-trailer{z-index:3;position:fixed;inset:0;overflow:hidden}.onb-trailer[data-state=done]{pointer-events:none;visibility:hidden;transition:visibility var(--motion-none) var(--ease-linear) var(--spring-soft-dur)}.onb-trailer-rig{width:0;height:0;position:absolute;top:0;left:0;transform:translate(50vw,50dvh)scale(1.25)}.onb-trailer-shape,.onb-trailer-shadow{border-radius:var(--radius-pill);width:20px;height:20px;position:absolute;top:0;left:0;translate:-50% -50%}.onb-trailer-shadow{box-shadow:var(--shadow-float);opacity:0}.onb-trailer-shape{background:var(--surface);contain:layout paint;overflow:hidden}.onb-trailer[data-state=done] :is(.onb-trailer-shape,.onb-trailer-shadow,.onb-trailer-cursor){opacity:0;transition:opacity var(--swap-out-dur) var(--spring-soft), scale var(--spring-soft-dur) var(--spring-soft);scale:.3}.onb-trailer-fill{opacity:0;position:absolute;inset:0}.onb-trailer-fill[data-fill=cobalt]{background:var(--loop-cobalt)}.onb-trailer-fill[data-fill=teal]{background:var(--loop-teal)}.onb-trailer-fill[data-fill=lime]{background:var(--loop-lime);opacity:1}.onb-face{box-sizing:border-box;visibility:hidden;opacity:0;color:var(--text-primary);font-size:var(--text-xs);line-height:var(--lh-18);position:absolute;top:50%;left:50%;translate:-50% -50%}.onb-face-row{align-items:center;gap:10px;padding:0 18px 0 12px;display:flex}.onb-face-center{justify-content:center;padding:0 18px}.onb-face strong{font-size:var(--text-sm);font-weight:var(--weight-strong);line-height:var(--lh-20);white-space:nowrap}.onb-face-icon{border-radius:var(--radius-round);background:var(--loop-cobalt-soft);width:36px;height:36px;color:var(--loop-cobalt);flex:none;place-items:center;display:grid}.onb-face-text{min-width:0;display:grid}.onb-face-text>span{font-size:var(--fs-12);line-height:var(--lh-16);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:flex-end;gap:3px;display:flex;overflow:hidden}.onb-on-color{color:var(--on-cobalt)}.onb-spinner{flex:none;width:18px;height:18px}.onb-spinner circle{fill:none;stroke:var(--on-cobalt);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:.64 .36}.onb-check{flex:none;width:20px;height:20px}.onb-check path{fill:none;stroke:var(--on-cobalt);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.onb-roll{font-variant-numeric:tabular-nums;display:inline-flex}.onb-roll-place{height:1.2em;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.onb-roll-column{flex-direction:column;display:flex}.onb-roll-column>span{height:1.2em;line-height:var(--leading-tight);text-align:center;display:block}.onb-num{line-height:var(--leading-tight);display:inline-flex}.onb-quote{align-content:start;padding:15px 18px 16px;display:grid}.onb-quote-head{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 9px;display:flex}.onb-quote-head strong{font-size:var(--text-md)}.onb-quote-head span{font-size:var(--fs-12);line-height:var(--lh-16);color:var(--text-secondary)}.onb-quote ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.onb-quote li{color:var(--text-secondary);justify-content:space-between;display:flex}.onb-quote li span:last-child{color:var(--text-primary);font-variant-numeric:tabular-nums}.onb-quote-total{border-top:1px solid var(--border-hairline);font-size:var(--text-sm);line-height:var(--lh-20);justify-content:space-between;align-items:center;margin:9px 0 12px;padding-top:9px;display:flex}.onb-quote-total strong{font-size:var(--text-lg);line-height:var(--leading-tight)}.onb-quote-send{border-radius:var(--radius-pill);background:var(--loop-cobalt);height:36px;color:var(--on-cobalt);font-weight:var(--weight-strong);justify-content:center;align-items:center;gap:6px;display:flex}.onb-quote-send[data-pressed]{background:var(--loop-cobalt-pressed)}.onb-date{align-content:center;justify-items:center;display:grid}.onb-date>span{font-size:var(--fs-11);line-height:var(--lh-14);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:var(--weight-strong);color:var(--text-secondary)}.onb-date>span:last-of-type{color:var(--loop-cobalt)}.onb-face.onb-date>strong{font-size:var(--fs-44);line-height:var(--lh-50);font-weight:var(--weight-title);letter-spacing:var(--tracking-title)}.onb-date em{border-radius:var(--radius-pill);background:var(--loop-midnight);color:var(--text-inverse);font-style:normal;font-size:var(--fs-12);font-weight:var(--weight-strong);line-height:var(--lh-16);align-items:center;gap:6px;margin-top:10px;padding:3px 10px 3px 8px;display:inline-flex}.onb-date em i,.onb-led{border-radius:var(--radius-round);background:var(--loop-lime);flex:none;width:8px;height:8px}.onb-seats{flex:none;display:flex}.onb-seats i{box-sizing:border-box;border-radius:var(--radius-round);border:1.5px dashed var(--line-strong);background:var(--surface);place-items:center;width:38px;height:38px;margin-left:-9px;display:grid}.onb-seats i:first-child{margin-left:0}.onb-seats i[data-filled]{border:2px solid var(--surface)}.onb-seats b{border-radius:var(--radius-round);opacity:0;width:100%;height:100%;color:var(--on-cobalt);font-size:var(--fs-13);font-weight:var(--weight-strong);place-items:center;line-height:1;display:grid}.onb-seats i:first-child b{background:var(--loop-cobalt)}.onb-seats i:nth-child(2) b{background:var(--loop-teal)}.onb-seats i:nth-child(3) b{background:var(--loop-midnight)}.onb-paid{align-content:start;padding:14px 18px 16px;display:grid}.onb-paid p{justify-content:space-between;align-items:center;height:22px;margin:0;display:flex}.onb-paid em{border-radius:var(--radius-pill);background:var(--loop-teal-soft);color:var(--loop-teal-ink);font-style:normal;font-size:var(--fs-12);font-weight:var(--weight-strong);line-height:var(--lh-16);align-items:center;gap:4px;padding:2px 9px 2px 7px;display:inline-flex}.onb-paid-amount.onb-num{font-size:var(--type-amount);font-weight:var(--weight-title);letter-spacing:var(--tracking-title);margin:8px 0 12px}.onb-bar{border-radius:var(--radius-pill);background:var(--loop-ice);height:6px;overflow:hidden}.onb-bar i{border-radius:var(--radius-pill);background:var(--loop-teal);width:25%;height:100%;display:block}.onb-trailer-cursor{visibility:hidden;width:0;height:0;position:absolute;top:0;left:0}.onb-trailer-cursor svg{width:24px;height:24px;fill:var(--loop-midnight);stroke:var(--surface);stroke-width:1.5px;stroke-linejoin:round;margin:-3px 0 0 -5px;display:block}.onb-trailer-cursor i{display:none}.onb-skip{z-index:4;border:1px solid var(--border-hairline);border-radius:var(--radius-pill);background:var(--surface);height:36px;color:var(--text-secondary);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-strong);cursor:pointer;animation:lp-rise var(--spring-morph-dur) var(--spring-morph) backwards;animation-delay:var(--spring-glide-dur);align-items:center;gap:8px;padding:0 14px 0 11px;line-height:1;display:inline-flex;position:fixed;bottom:28px;right:28px}.onb-skip:hover{color:var(--text-primary)}.onb-skip:focus-visible{outline:var(--btn-focus-outline);outline-offset:var(--btn-focus-offset)}.onb-skip svg{fill:none;stroke-width:2px;width:16px;height:16px;rotate:-90deg}.onb-skip circle:first-child{stroke:var(--border-subtle)}.onb-skip circle:last-child{stroke:var(--loop-cobalt);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.onb-skip[data-state=done]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--swap-out-dur) var(--spring-soft), visibility var(--motion-none) var(--ease-linear) var(--swap-out-dur)}@media (prefers-reduced-motion:no-preference){.onb-content:has(>.onb-trailer:is([data-state=cold],[data-state=playing]))>.onb-page{opacity:0;pointer-events:none}.onb-content:has(>.onb-trailer:is([data-state=cold],[data-state=playing]))>.onb-page>*{animation:none}html:has(.onb-trailer:is([data-state=cold],[data-state=playing])){overflow:hidden}.onb-content:has(>.onb-trailer[data-state=cold])>.onb-page{animation:onb-unveil var(--spring-soft-dur) var(--spring-soft) var(--onb-intro-grace) forwards}.onb-trailer[data-state=cold],.onb-skip[data-state=cold]{animation:onb-retire var(--spring-soft-dur) var(--spring-soft) var(--onb-intro-grace) forwards}}.onb-content:has(>.onb-trailer[data-ended=end])>.onb-page>:not(.onb-slot){animation-delay:calc(var(--onb-after-intro) + var(--stagger-lead) + var(--rise-index,0) * var(--stagger-step) * 2)}@keyframes onb-unveil{0%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:auto}}@keyframes onb-retire{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.onb-trailer,.onb-skip{display:none}}@media (max-width:520px){.onb-trailer-rig{transform:translate(50vw,44dvh)}.onb-trailer-cursor svg{display:none}.onb-trailer-cursor i{border-radius:var(--radius-round);background:color-mix(in srgb, var(--loop-midnight) 12%, transparent);border:1.5px solid color-mix(in srgb, var(--loop-midnight) 22%, transparent);width:34px;height:34px;margin:-17px 0 0 -17px;display:block}.onb-skip{left:50%;right:auto;bottom:calc(20px + env(safe-area-inset-bottom));translate:-50%}.onb-ground{display:none}.onb-content{place-items:start center;padding:36px 20px 28px}.onb-page-mark{width:132px;margin-bottom:24px}.onb-title{font-size:var(--type-auth-title-narrow);line-height:var(--leading-auth-title)}.onb-lede{font-size:var(--text-sm)}.onb-ticket{margin:24px 0 20px}}