.onb-root{background:var(--color-bg);min-height:100svh;color:var(--color-text);-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex}.onb-top{padding:calc(var(--sa-top) + 1rem) calc(var(--sa-right) + 1.25rem) .75rem calc(var(--sa-left) + 1.25rem);justify-content:space-between;align-items:center;gap:1rem;display:flex}.onb-exit{color:var(--color-text-3);transition:color .15s var(--ease-out);font-size:.875rem}.onb-exit:hover{color:var(--color-text)}.onb-body{width:100%;max-width:30rem;padding:.5rem calc(var(--sa-right) + 1.25rem) calc(var(--sa-bottom) + 2rem) calc(var(--sa-left) + 1.25rem);flex-direction:column;flex:1;justify-content:center;margin-inline:auto;display:flex}.onb-body-wide{max-width:40rem}.onb-rail{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.onb-phase{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-3);transition:color .3s var(--ease-out);flex-direction:column;flex:1;gap:.4rem;font-size:.6875rem;display:flex}.onb-phase-on{color:var(--color-text)}.onb-phase-done{color:var(--color-text-2)}.onb-phase:before{content:"";background:color-mix(in oklab, var(--color-text) 12%, transparent);height:2px;transition:background .3s var(--ease-out);border-radius:2px;display:block}.onb-phase-on:before{background:var(--color-accent)}.onb-phase-done:before{background:color-mix(in oklab, var(--color-accent) 45%, transparent)}.onb-back{color:var(--color-text-3);transition:color .15s var(--ease-out);align-items:center;gap:.25rem;margin-bottom:.875rem;font-size:.875rem;display:inline-flex}.onb-back:hover{color:var(--color-text)}.onb-q{letter-spacing:-.02em;font-size:clamp(1.5rem,5.5vw,1.875rem);font-weight:600;line-height:1.15}.onb-help{color:var(--color-text-2);margin-top:.5rem;font-size:.9375rem}.onb-trade{text-align:left;border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--color-text) 14%, transparent);background:var(--color-surface-1);width:100%;min-height:5.25rem;transition:border-color .14s var(--ease-out), background .14s var(--ease-out), transform 80ms var(--ease-out);touch-action:manipulation;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.onb-trade:hover{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}.onb-trade:active{transform:scale(.99)}.onb-trade-icon{width:2.75rem;height:2.75rem;color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 12%, transparent);border-radius:.75rem;flex:none;place-items:center;display:grid}.onb-money{border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--color-text) 14%, transparent);background:var(--color-surface-1);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.125rem;display:flex}.onb-money-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,7vw,2.25rem);font-weight:600}.onb-money-suffix{color:var(--color-text-3);font-size:1rem;font-weight:400}.onb-step-btn{width:3.5rem;height:3.5rem;color:var(--color-text);border:1px solid color-mix(in oklab, var(--color-text) 16%, transparent);background:var(--color-surface-2-solid);transition:border-color .12s var(--ease-out), transform 60ms var(--ease-out);touch-action:manipulation;border-radius:.875rem;flex:none;place-items:center;display:grid}.onb-step-btn:hover{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}.onb-step-btn:active{transform:scale(.94)}.onb-step-btn[disabled]{opacity:.35}.onb-figure{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,12vw,3.75rem);font-weight:600;line-height:1}.onb-figure-accent{color:var(--color-accent)}.onb-note{border-top:1px solid color-mix(in oklab, var(--color-text) 9%, transparent);color:var(--color-text-3);margin-top:1.25rem;padding-top:1rem;font-size:.875rem;font-style:italic}.onb-stage{color:var(--color-text-3);opacity:.35;transition:opacity .25s var(--ease-out), color .25s var(--ease-out);align-items:center;gap:.75rem;padding:.6rem 0;font-size:.9375rem;display:flex}.onb-stage-on{opacity:1;color:var(--color-text)}.onb-stage-bar{background:color-mix(in oklab, var(--color-text) 10%, transparent);flex:1;height:1px;position:relative;overflow:hidden}.onb-stage-bar:after{content:"";transform-origin:0;background:var(--color-accent);transition:transform .35s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.onb-stage-on .onb-stage-bar:after{transform:scaleX(1)}.onb-stage-tick{width:1.125rem;color:var(--color-rd-truth);opacity:0;transition:opacity .2s var(--ease-out);flex:none}.onb-stage-on .onb-stage-tick{opacity:1}.onb-artifact{border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);background:var(--color-surface-1);overflow:hidden}.onb-artifact-head{border-bottom:1px solid color-mix(in oklab, var(--color-text) 9%, transparent);background:var(--color-surface-2-solid);padding:.875rem 1.125rem}.onb-artifact-body{padding:1rem 1.125rem}.onb-cut{align-items:baseline;gap:.75rem;padding:.4rem 0;font-size:.9375rem;display:flex}.onb-cut-name{min-width:0;color:var(--color-text-2);flex:1}.onb-cut-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap}.onb-total{border-top:1px solid color-mix(in oklab, var(--color-text) 9%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.875rem;padding-top:.875rem;display:flex}.onb-total-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-rd-truth);font-size:1.5rem;font-weight:600}.onb-warn{color:var(--color-rd-missing);background:color-mix(in oklab, var(--color-rd-missing) 9%, transparent);border-radius:.625rem;gap:.5rem;margin-top:.75rem;padding:.625rem .75rem;font-size:.875rem;display:flex}.onb-receipt-row{border-bottom:1px solid color-mix(in oklab, var(--color-text) 7%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;display:flex}.onb-receipt-row:last-child{border-bottom:0}.onb-receipt-label{color:var(--color-text-2);font-size:.9375rem}.onb-receipt-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.onb-notif{border:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);background:var(--color-surface-2-solid);border-radius:1rem;gap:.75rem;padding:.875rem 1rem;display:flex;box-shadow:0 12px 32px -12px #0009}.onb-ghost{text-align:center;width:100%;color:var(--color-text-3);transition:color .15s var(--ease-out);margin-top:.875rem;padding:.75rem;font-size:.9375rem;display:block}.onb-ghost:hover{color:var(--color-text)}.onb-reassure{text-align:center;color:var(--color-text-3);margin-top:.75rem;font-size:.8125rem}.pw-toggle{border:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);background:var(--color-surface-1);border-radius:.875rem;gap:.25rem;padding:.25rem;display:flex}.pw-toggle button{min-height:2.75rem;color:var(--color-text-2);transition:background .15s var(--ease-out), color .15s var(--ease-out);touch-action:manipulation;border-radius:.625rem;flex:1;font-size:.9375rem;font-weight:500}.pw-toggle button[aria-pressed=true]{color:var(--color-accent-ink);background:var(--color-accent)}.pw-card{border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--color-text) 12%, transparent);background:var(--color-surface-1);padding:1.125rem 1.25rem 1.25rem}.pw-card-featured{border-color:var(--color-accent);background:color-mix(in oklab, var(--color-accent) 5%, var(--color-surface-1));box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 30%, transparent), 0 20px 48px -24px color-mix(in oklab, var(--color-accent) 55%, transparent)}@keyframes onb-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:none}}@keyframes onb-rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.onb-slide{animation:onb-slide-in .22s var(--ease-out) both}.onb-rise{animation:onb-rise-in .32s var(--ease-out) both;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){.onb-trade,.onb-step-btn,.onb-stage,.onb-stage-bar:after,.onb-stage-tick,.onb-phase,.onb-phase:before{transition:none}.onb-slide,.onb-rise{animation:none}}
