.onboarding-shell{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#031326ba;backdrop-filter:blur(8px)}
.onboarding-card{display:flex;flex-direction:column;width:min(100%,480px);max-height:min(720px,100%);min-height:0;overflow:hidden;border:1px solid #90e6ef9d;border-radius:24px;background:linear-gradient(145deg,#123f60f9,#09253ffb 58%,#071b31fc);box-shadow:0 20px 65px #0009,0 0 35px #43cfff25}
.onboarding-scroll{min-height:0;padding:25px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:18px}
.onboarding-step{display:inline-block;margin-bottom:9px;color:#9aebf4;font-size:.72rem;letter-spacing:.15em;font-weight:800}
.onboarding-card h2{margin:0 0 9px;color:#f3feff;font-size:clamp(1.48rem,5vw,1.85rem);line-height:1.2}
.onboarding-copy{margin:0 0 19px;color:#d5eaf3;font-size:.9rem;line-height:1.5}
.onboarding-local{margin:15px 0 0;color:#a9cedd;font-size:.74rem;line-height:1.4}
.onboarding-error{margin:0 0 12px;padding:9px 11px;border:1px solid #ffbac58a;border-radius:10px;color:#ffe4e9;background:#633047;font-size:.78rem}
.onboarding-form,.onboarding-actions{display:grid;gap:13px}
.onboarding-field{display:grid;gap:6px;color:#eaf9ff;font-size:.81rem;font-weight:700}
.onboarding-field input,.onboarding-field select{box-sizing:border-box;width:100%;min-width:0;min-height:47px;padding:10px 12px;border:1px solid #8dd4e0a3;border-radius:12px;color:#f6fdff;background:#061e34;font:inherit;font-weight:400}
.onboarding-field input:focus-visible,.onboarding-field select:focus-visible,.onboarding-card button:focus-visible{outline:2px solid #a8f7ff;outline-offset:2px}
.onboarding-field option{color:#fff;background:#061e34}
.onboarding-card button{min-height:47px;padding:10px 15px;border-radius:13px;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
.onboarding-card button:active{transform:scale(.985)}
.onboarding-primary{width:100%;border:1px solid #b1fcf5;color:#062c3e;background:linear-gradient(145deg,#b2f7f2,#69dce8);box-shadow:0 6px 17px #1abed033}
.onboarding-secondary{width:100%;border:1px solid #86cddba1;color:#ecfbff;background:#17435d}
.onboarding-form .onboarding-primary{margin-top:5px}
.onboarding-household{display:grid;gap:8px;margin-bottom:16px}
.onboarding-member{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:11px 13px;border:1px solid #8bdddf6b;border-radius:12px;color:#f2fcff;background:#184763a8}
.onboarding-member small{color:#aee9e9;font-size:.75rem}
.onboarding-actions{grid-template-columns:1fr 1fr;margin-bottom:15px}
.onboarding-or{margin:0;color:#b8dce8;font-size:.78rem}
.onboarding-household+.onboarding-actions+button{margin-bottom:8px}
.maison-keyboard-focus .onboarding-shell{top:0;bottom:var(--maison-obscured,0px);align-items:center;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}
.maison-keyboard-focus .onboarding-card{max-height:calc(var(--maison-view-height,100dvh) - 16px)}
@media(max-width:430px){.onboarding-scroll{padding:19px}.onboarding-actions{grid-template-columns:1fr}.onboarding-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.onboarding-card button{transition:none}}