:root{--ease-reveal:cubic-bezier(0, 0, .58, 1);--duration-reveal:.3s;--duration-step-exit:.15s;--step-travel:var(--space-3);--step-bar-height:var(--space-16);--step-actions-height:calc(var(--space-3) + var(--spacing-tap-lg) + var(--space-2) + var(--spacing-tap) + var(--space-6) + env(safe-area-inset-bottom,0px))}html{scroll-padding-block-end:var(--step-actions-height)}.onb{isolation:isolate;min-height:100svh;position:relative;overflow:clip}.onb-view{background-color:var(--background);min-height:100svh;color:var(--foreground);flex-direction:column;display:flex;position:relative}.onb-view[data-surface=tint]{--background:var(--muted);background-color:var(--muted)}.onb-view[data-surface=life]{transition:color var(--duration-base) var(--ease-in-out);background-color:#0000}.onb-view[data-exiting]{z-index:2;pointer-events:none;background-color:#0000;position:absolute;inset-block-start:0;inset-inline:0}.onb-view[data-exiting] .step-bar{visibility:hidden}.onb-flood{z-index:-1;background-color:var(--life);transition:background-color var(--duration-base) var(--ease-in-out);position:fixed;inset:0}.onb-flood[data-arrival=flood],.onb-view[data-arrival=flood] .step-bar{animation:onb-flood var(--duration-flood) var(--ease-in-out) both}@keyframes onb-flood{0%{opacity:0}to{opacity:1}}.step-bar{width:100%;padding-inline:var(--space-margin);position:relative}.step-bar__row{align-items:center;gap:var(--space-4);min-height:var(--step-bar-height);display:flex}.step-back{align-items:center;gap:var(--space-1);min-height:var(--spacing-tap);min-width:var(--spacing-tap);padding-inline:var(--space-2);border-radius:var(--radius-pill);color:var(--foreground);white-space:nowrap;margin-inline-start:calc(-1 * var(--space-2));font-weight:600;text-decoration:none;display:inline-flex}.step-back svg{flex:none;width:1.25em;height:1.25em}@media (hover:hover){.step-back:hover{text-underline-offset:.25em;text-decoration:underline}}.step-brand{letter-spacing:-.03em;white-space:nowrap;font-size:1.25rem;font-weight:800;line-height:1;display:none}.step-bar__spacer{flex:auto}.step-progress{align-items:center;gap:var(--space-3);color:var(--muted-foreground);white-space:nowrap;display:flex}.step-segments{gap:var(--space-1);width:var(--space-24);display:flex}.step-segments span{height:var(--space-1);background-color:var(--border);flex:1 1 0}.step-segments span[data-done]{background-color:var(--foreground)}.onb-view[data-surface=life] .step-segments span{background-color:color-mix(in srgb, var(--on-life) 40%, transparent)}.onb-view[data-surface=life] .step-segments span[data-done]{background-color:var(--on-life)}.step-bar__row[data-end] .step-segments{display:none}.step-end{align-items:center;display:flex}.step-status{inset-block-start:100%;inset-inline:var(--space-margin);color:var(--muted-foreground);margin-block:0;margin-inline:auto;position:absolute}.step-notice{margin-block-end:var(--space-2);margin-inline:auto}.step-main{width:100%;padding-inline:var(--space-margin);flex-direction:column;flex:auto;display:flex;position:relative}.step-form{width:100%;flex-direction:column;flex:auto;margin-inline:auto;padding-block-start:var(--space-block);display:flex}.step-head{align-items:flex-start;gap:var(--space-stack-sm);flex-direction:column;display:flex}.step-h1{text-wrap:balance;margin:0}.step-h1:focus{outline:none}.step-body{gap:var(--space-stack);padding-block:var(--space-stack-sm) var(--space-block);flex-direction:column;display:flex}.step-lead{color:var(--muted-foreground);margin:0}.step-fields{gap:var(--space-stack);flex-direction:column;display:flex}.step-field{gap:var(--space-tight);flex-direction:column;display:flex}.step-input{min-height:var(--spacing-tap-lg)}.step-error{align-items:flex-start;gap:var(--space-2);color:var(--destructive);font-size:var(--text-small);margin:0;font-weight:600;display:flex}.step-error svg{flex:none;width:1.25rem;height:1.25rem}.step-actions{z-index:1;align-items:stretch;gap:var(--space-2);margin-block-start:auto;margin-inline:calc(-1 * var(--space-margin));padding-inline:var(--space-margin);padding-block:var(--space-3) calc(var(--space-6) + env(safe-area-inset-bottom,0px));background-color:var(--background);flex-direction:column;display:flex;position:sticky;inset-block-end:0}.onb-view[data-surface=life] .step-actions{background-color:var(--life)}.step-actions .btn-ghost{align-self:center}@media (width>=56.25rem){html{scroll-padding-block-end:0}.step-brand{display:block}.step-bar__row[data-end] .step-segments{display:flex}.step-actions{align-items:center;gap:var(--space-text-controls);padding-inline:0;padding-block:0 var(--space-section);background-color:#0000;flex-direction:row;margin-block-start:0;margin-inline:0;position:static}.onb-view[data-surface=life] .step-actions{background-color:#0000}.step-actions .btn-ghost{align-self:auto}}@keyframes step-enter{0%{opacity:0;filter:blur(4px);translate:0 var(--step-travel)}to{opacity:1;filter:blur();translate:0}}@keyframes step-exit{0%{opacity:1;filter:blur();translate:0}to{opacity:0;filter:blur(4px);translate:0 calc(-1 * var(--step-travel))}}@keyframes step-fade-in{0%{opacity:0}to{opacity:1}}@keyframes step-fade-out{0%{opacity:1}to{opacity:0}}.onb-view[data-exiting] .step-main{animation:step-fade-out var(--duration-step-exit) var(--ease-reveal) both}.onb-view[data-arrival=step] [data-reveal],.onb-view[data-arrival=history] [data-reveal]{animation:step-fade-in var(--duration-reveal) var(--ease-reveal) both}.onb-view[data-arrival] [data-reveal="1"]{animation-delay:.15s}.onb-view[data-arrival] [data-reveal="2"]{animation-delay:.25s}.onb-view[data-arrival] [data-reveal="3"]{animation-delay:.35s}@media (prefers-reduced-motion:no-preference){.onb-view[data-exiting] .step-main{animation-name:step-exit}.onb-view[data-arrival=step] [data-reveal],.onb-view[data-arrival=history] [data-reveal]{animation-name:step-enter}}@layer theme{@media (prefers-reduced-motion:reduce){.onb-view[data-exiting] .step-main{animation-duration:var(--duration-step-exit)!important}.onb-view[data-arrival=step] [data-reveal],.onb-view[data-arrival=history] [data-reveal]{animation-duration:var(--duration-reveal)!important}.onb-flood[data-arrival=flood],.onb-view[data-arrival=flood] .step-bar{animation-duration:var(--duration-flood)!important}}}