.onb-page{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.onb-header{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:12px;height:74px;padding:0 clamp(20px,4vw,64px);display:flex}.onb-header>span{letter-spacing:-.025em;font-size:20px;font-weight:800}.onb-header>small{color:var(--muted);white-space:nowrap;font-weight:700}.onb-progress{gap:6px;width:min(280px,35vw);margin-left:auto;margin-right:24px;display:flex}.onb-progress span{background:var(--track);border-radius:9px;flex:1;height:6px}.onb-progress .is-done{background:var(--primary)}.onb-main{grid-template-columns:minmax(260px,.85fr) minmax(0,1fr);align-items:center;gap:clamp(32px,7vw,100px);width:min(1100px,100%);margin:auto;padding:56px 32px 76px;display:grid}.onb-art{background:0 0;place-items:center;min-height:420px;display:grid}.onb-art img{object-fit:contain;filter:drop-shadow(0 20px 24px #231d0921);width:min(78%,350px);max-height:350px;animation:5s ease-in-out infinite onb-float}@keyframes onb-float{50%{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.onb-art img{animation:none}}.onb-content h1{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(36px,4.4vw,58px);font-weight:800;line-height:1.04}.onb-content>p{color:var(--muted);max-width:48ch;margin:0 0 32px;font-size:17px;line-height:1.55}.onb-options{gap:12px;display:grid}.onb-options .opt{text-align:left;padding-block:16px}.onb-option{text-align:left;align-items:center;gap:16px;display:flex}.onb-option img{object-fit:contain;flex:none;width:64px;height:64px}.onb-option span{gap:4px;display:grid}.onb-option strong{font-size:17px}.onb-option small{color:var(--muted);font-size:13px;line-height:1.35}.onb-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:28px;display:flex}.onb-actions .btn--primary{min-width:174px}.onb-actions .btn:first-child:not(:last-child){margin-right:auto}.onb-summary{align-items:center;gap:18px;display:flex}.onb-summary img{object-fit:contain;width:72px;height:72px}.onb-summary div{gap:6px;display:grid}.onb-summary strong{font-size:19px}.onb-summary span{color:var(--muted);line-height:1.4}.onb-error{color:var(--error);margin-top:16px}.onb-invite-intro{max-width:640px}.onb-invite-intro h1{font-size:clamp(40px,5vw,68px)}.onb-invite-intro .onb-offer{color:var(--ink);margin-bottom:12px;font-size:22px;font-weight:800}.onb-invite-intro .onb-actions{justify-content:flex-start}@media (max-width:760px){.onb-header{height:64px}.onb-main{flex-direction:column;align-items:stretch;gap:24px;margin:0 auto;padding:24px 20px 44px;display:flex}.onb-art{border-radius:20px;height:160px;min-height:0}.onb-art img{width:148px;height:148px}.onb-content h1{font-size:36px}.onb-content>p{margin-bottom:22px;font-size:15px}.onb-option img{width:50px;height:50px}.onb-progress{margin-right:8px}.onb-actions .btn--primary{flex:1;min-width:0}.onb-header>small{font-size:11px}}:is(.onb-content,.onb-art,.onb-options,.config-visual,.config-success-content,.config-quiz-options)>*{--dz-rise:var(--dz-slide);animation:dz-rise-in var(--dz-spatial)var(--dz-ease)backwards;animation-delay:calc((var(--i,0) + var(--onb-offset,0))*var(--dz-stagger)*2.5)}.onb-content>.onb-options{animation:none}.onb-options,.config-quiz-options{--onb-offset:2}.config-visual{--onb-offset:1}:is(.onb-content,.onb-options,.config-visual,.config-success-content,.config-quiz-options)>:nth-child(2){--i:1}:is(.onb-content,.onb-options,.config-visual,.config-success-content,.config-quiz-options)>:nth-child(3){--i:2}:is(.onb-content,.onb-options,.config-success-content,.config-quiz-options)>:nth-child(4){--i:3}:is(.onb-content,.onb-options,.config-success-content)>:nth-child(5){--i:4}:is(.onb-content,.onb-options,.config-success-content)>:nth-child(n+6){--i:5}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion=off]) :is(.onb-content,.onb-art,.onb-options,.config-visual,.config-success-content,.config-quiz-options)>*{animation:none}}:root[data-reduced-motion=on] :is(.onb-content,.onb-art,.onb-options,.config-visual,.config-success-content,.config-quiz-options)>*{animation:none}