.onboarding-shell{min-height:100vh;min-height:100dvh;width:100%;display:flex;justify-content:center;background:#062f3c;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.onboarding-phone{width:100%;max-width:430px;min-height:100vh;min-height:100dvh;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.onboarding-screen--welcome .onboarding-phone{background:linear-gradient(180deg,#062f3c,#0d7377,#0a4582)}.onboarding-screen--conflict .onboarding-phone{background:linear-gradient(180deg,#062f3c,#0d7377,#062f3c)}.onboarding-screen--overspending .onboarding-phone{background:linear-gradient(180deg,#0a2338,#0f5fb5,#0a4582)}.onboarding-screen--banks .onboarding-phone{background:linear-gradient(180deg,#0a2338,#0d5366,#0a4582)}.onboarding-screen--shared .onboarding-phone{background:linear-gradient(180deg,#1a0633,#2d1b69,#0a4582)}.onboarding-screen--worry .onboarding-phone{background:linear-gradient(180deg,#1a3a1a,#065f46,#0d7377)}.onboarding-screen--light{background:#e8f1fa}.onboarding-screen--light .onboarding-phone{background:linear-gradient(180deg,#fff,#fafbfe);color:#111827}.onboarding-screen--light .onboarding-statusbar{color:#111827}.onboarding-screen--light .onboarding-progress{background:#e5e7eb}.onboarding-screen--light .onboarding-body{overflow-y:auto;padding:20px 28px 18px}.onboarding-screen--light .onboarding-footer{background:linear-gradient(180deg,#fafbfe00,#fafbfe 28%);padding-top:12px}.onboarding-screen--light .onboarding-btn--primary{color:#fff;background:linear-gradient(135deg,#0f5fb5,#14b8a6);box-shadow:0 14px 30px #0f5fb53d}.onboarding-btn:disabled{cursor:default;opacity:.58;transform:none}.onboarding-statusbar{display:flex;justify-content:space-between;padding:16px 22px 8px;color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.2px;flex-shrink:0}.onboarding-progress{height:3px;margin:8px 24px 0;border-radius:999px;background:#ffffff2e;overflow:hidden;flex-shrink:0}.onboarding-progress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5eead4,#fcd34d);transition:width .25s ease}.onboarding-body{flex:1;display:flex;flex-direction:column;padding:22px 32px;min-height:0}.onboarding-footer{display:flex;flex-direction:column;gap:8px;padding:0 28px calc(26px + env(safe-area-inset-bottom,0px));flex-shrink:0}.onboarding-welcome{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-logo{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#0f5fb5,#14b8a6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:35px;font-weight:800;box-shadow:0 16px 42px #0f5fb56b;animation:onboarding-pulse 3s ease-in-out infinite}.onboarding-welcome h1{font-size:36px;font-weight:800;letter-spacing:-.8px;margin:24px 0 8px}.onboarding-welcome p{font-size:14px;color:#ffffffc7;font-weight:600;line-height:1.55;max-width:230px;margin:0}.onboarding-value{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.onboarding-value--text-only{justify-content:center}.onboarding-value--split{justify-content:center;gap:24px}.onboarding-value-copy{display:flex;flex-direction:column}.onboarding-hero{text-align:center;font-size:84px;line-height:1;margin:auto 0;filter:drop-shadow(0 16px 34px rgba(94,234,212,.28))}.onboarding-hero--money-conflict{animation:onboarding-heart 2.8s ease-in-out infinite}.onboarding-hero--overspending{animation:onboarding-float 3s ease-in-out infinite}.onboarding-hero--bank-fragmentation{animation:onboarding-bank 3.4s ease-in-out infinite}.onboarding-hero--young-adults-worry{animation:onboarding-leaf 3.1s ease-in-out infinite}.onboarding-value h1{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.18;margin:0 0 14px}.onboarding-value p{margin:0;color:#ffffffc7;font-size:14px;line-height:1.55;font-weight:600}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin-top:22px}.onboarding-dots span{width:6px;height:6px;border-radius:999px;background:#ffffff47}.onboarding-dots span.is-active{width:18px;background:#fff}.onboarding-source{min-height:24px;color:#ffffff8f;font-size:10px;line-height:1.35;text-align:center;font-weight:500}.onboarding-btn{min-height:48px;border-radius:16px;border:none;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.onboarding-btn:active{transform:translateY(1px) scale(.99)}.onboarding-btn:disabled{cursor:default;opacity:.55;transform:none}.onboarding-btn--primary{background:#fff;color:#064e3b;box-shadow:0 14px 30px #00000029}.onboarding-btn-link{border:none;background:transparent;color:#ffffffd1;font-family:inherit;font-size:13px;font-weight:700;min-height:44px;cursor:pointer}.onboarding-btn-link:disabled{cursor:default;opacity:.58}.onboarding-btn-link--dark{color:#0f5fb5}.onboarding-back-link{position:absolute;top:calc(env(safe-area-inset-top,0px) + 54px);left:16px;z-index:4;border:none;background:transparent;color:#0f5fb5;font-family:inherit;font-size:13px;font-weight:800;min-width:44px;min-height:44px;margin:0;padding:0 8px;cursor:pointer}.onboarding-postauth--with-back:not(.onboarding-postauth--center){padding-top:54px}.onboarding-split-chips{display:flex;align-items:center;justify-content:center;gap:10px}.onboarding-split-chips span{width:82px;height:82px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;box-shadow:0 12px 30px #00000026}.onboarding-split-chips .mine{background:linear-gradient(135deg,#dbeafe,#60a5fa);color:#0a4582;animation:onboarding-chip-one 3s ease-in-out infinite}.onboarding-split-chips .shared{background:linear-gradient(135deg,#e0f7f3,#5eead4);color:#064e3b;animation:onboarding-chip-two 3s ease-in-out infinite;animation-delay:.25s}.onboarding-split-chips .yours{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#831843;animation:onboarding-chip-three 3s ease-in-out infinite;animation-delay:.5s}.onboarding-postauth{flex:1;display:flex;flex-direction:column}.onboarding-postauth--center{align-items:center;justify-content:center;text-align:center}.onboarding-step-intro{flex-shrink:0}.onboarding-step-kicker,.onboarding-section-label{color:#0d7377;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.onboarding-step-intro h1,.onboarding-postauth--center h1{color:#111827;font-size:26px;font-weight:800;line-height:1.12;margin:8px 0}.onboarding-step-intro p,.onboarding-postauth--center p{color:#6b7280;font-size:13px;font-weight:600;line-height:1.5;margin:0}.onboarding-options{display:flex;flex-direction:column;gap:9px;margin-top:18px}.onboarding-option{width:100%;min-height:56px;display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:12px;border:1.5px solid #e5e7eb;border-radius:16px;background:#fff;color:#111827;padding:10px 12px;text-align:left;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px #1118270d;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.onboarding-option:active{transform:translateY(1px)}.onboarding-option.is-selected{border-color:#14b8a6;background:#e0f7f3;box-shadow:0 10px 24px #14b8a629}.onboarding-option--no-emoji{grid-template-columns:1fr 22px}.onboarding-option-emoji{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;font-size:21px}.onboarding-option-copy{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:800;line-height:1.25}.onboarding-option-copy small{color:#6b7280;font-size:11px;font-weight:700;line-height:1.25}.onboarding-option-copy small:empty{display:none}.onboarding-option-muted{color:#6b7280}.onboarding-check{width:18px;height:18px;border-radius:999px;border:2px solid #d1d5db;box-sizing:border-box}.onboarding-option.is-selected .onboarding-check{border-color:#14b8a6;background:radial-gradient(circle,#14b8a6 0 42%,transparent 46%)}.onboarding-section-label{margin:16px 0 6px;color:#6b7280}.onboarding-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:7px 0;border-bottom:1px solid #e5e7eb;color:#111827;font-size:13px;font-weight:700}.onboarding-stepper-controls{display:flex;align-items:center;gap:9px;flex-shrink:0}.onboarding-stepper-controls button{width:26px;height:26px;border:none;border-radius:999px;background:#0f5fb5;color:#fff;font-family:inherit;font-size:14px;font-weight:900;line-height:1;cursor:pointer}.onboarding-stepper-controls button:disabled{background:#e5e7eb;color:#6b7280;cursor:default}.onboarding-stepper-controls strong{min-width:18px;text-align:center;font-size:15px;font-weight:800;color:#111827}.onboarding-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.onboarding-avatar-face{aspect-ratio:1;border-radius:999px;border:3px solid rgba(255,255,255,.92);font-family:inherit;font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 12px #11182714;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.onboarding-avatar-face.is-selected{border-color:#14b8a6;transform:scale(1.07);box-shadow:0 8px 18px #14b8a647}.onboarding-avatar-colors{display:flex;justify-content:center;gap:12px}.onboarding-avatar-color{width:40px;height:40px;min-width:40px;min-height:40px;box-sizing:border-box;border:3px solid rgba(17,24,39,.08);border-radius:999px;cursor:pointer;box-shadow:0 6px 14px #1118271a;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.onboarding-avatar-color.is-selected{border-color:#111827;transform:scale(1.12);box-shadow:0 8px 22px #14b8a64d}.onboarding-submit-error{margin:16px 0 0;padding:12px 14px;border:1px solid rgba(185,28,28,.18);border-radius:8px;background:#fef2f2;color:#991b1b;font-size:14px;line-height:1.35}.onboarding-bridge-icon{font-size:64px;line-height:1;margin-bottom:18px}.onboarding-postauth--center p{max-width:250px}.onboarding-postauth--center span{color:#6b7280;font-size:11px;font-weight:700;margin-top:14px}.onboarding-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}.onboarding-pill{min-height:34px;border-radius:999px;border:1.5px solid #e5e7eb;background:#fff;color:#111827;font-family:inherit;font-size:12px;font-weight:800;padding:7px 12px;cursor:pointer}.onboarding-pill.is-selected{border-color:#14b8a6;background:#e0f7f3;color:#064e3b}.onboarding-info{display:flex;gap:9px;align-items:flex-start;margin-top:auto;padding:12px;border-radius:14px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:700;line-height:1.4}.onboarding-insight-kicker{text-align:center;color:#be185d}.onboarding-insight-emoji{font-size:64px;line-height:1;margin:18px 0 14px;animation:onboarding-pulse 3s ease-in-out infinite}.onboarding-screen--invite .onboarding-phone{background:linear-gradient(180deg,#e0f7f3,#b3eddf)}.onboarding-screen--invite .onboarding-statusbar{color:#064e3b}.onboarding-screen--invite .onboarding-progress{display:none}.onboarding-screen--invite .onboarding-body{color:#064e3b}.onboarding-screen--invite .onboarding-footer{background:linear-gradient(180deg,#b3eddf00,#b3eddf 28%)}.onboarding-partner-invite{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.onboarding-avatar-pair{display:flex;align-items:center;gap:8px;margin-bottom:18px}.onboarding-avatar-pair strong{color:#064e3b;font-size:24px;font-weight:800}.onboarding-invite-avatar{width:58px;height:58px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid rgba(255,255,255,.92);font-size:28px;box-shadow:0 12px 28px #064e3b24}.onboarding-invite-avatar--empty{background:#ffffff80;border-style:dashed;color:#064e3b73;font-size:30px;font-weight:800}.onboarding-partner-invite h1{color:#064e3b;font-size:26px;font-weight:800;line-height:1.05;margin:8px 0 10px}.onboarding-partner-invite p{color:#065f46;font-size:13px;font-weight:700;line-height:1.55;max-width:240px;margin:0}@keyframes onboarding-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes onboarding-heart{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes onboarding-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes onboarding-bank{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes onboarding-leaf{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(4deg)}}@keyframes onboarding-chip-one{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes onboarding-chip-two{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes onboarding-chip-three{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion: reduce){.onboarding-logo,.onboarding-hero,.onboarding-split-chips span{animation:none}}@media (min-width: 768px){.onboarding-phone{max-width:430px;box-shadow:0 24px 80px #00000047}}