/* First-time profile setup and unified dual-thumb age range. */
.range-dual{margin:25px 0}.range-dual>.row:first-child{margin-bottom:13px}.range-dual>.row:first-child b{font-size:15px;color:var(--brand);font-weight:700}.dual-track{--range-start:0%;--range-end:21%;height:42px;position:relative;display:flex;align-items:center;margin:0 1px}.dual-track::before{content:'';position:absolute;left:0;right:0;top:19px;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--surface2) 0 var(--range-start),var(--brand) var(--range-start) var(--range-end),var(--surface2) var(--range-end) 100%);pointer-events:none}.dual-thumb{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:42px;margin:0;padding:0;background:transparent!important;border:0!important;outline:0;pointer-events:none;z-index:2}.dual-thumb::-webkit-slider-runnable-track{height:6px;background:transparent;border:0}.dual-thumb::-moz-range-track{height:6px;background:transparent;border:0}.dual-thumb::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;border:3px solid var(--surface);background:var(--brand);box-shadow:0 1px 6px #0f43302e;cursor:grab;pointer-events:auto;margin-top:-9px}.dual-thumb::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:3px solid var(--surface);background:var(--brand);box-shadow:0 1px 6px #0f43302e;cursor:grab;pointer-events:auto}.dual-min{z-index:3}.dual-min::-webkit-slider-thumb{background:var(--brand)}.dual-max::-webkit-slider-thumb{background:var(--brand)}.dual-thumb:focus-visible::-webkit-slider-thumb{outline:3px solid #89dec0;outline-offset:3px}.dual-thumb:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}
.setup-card{max-width:660px}.setup-card h1{margin-bottom:8px}.setup-step{display:flex;align-items:flex-start;gap:14px;padding:16px 0 20px;border-bottom:1px solid var(--border);margin:22px 0 25px}.setup-step-number{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:800}.setup-step b{display:block;font-size:14px;margin-bottom:3px}.setup-step span{font-size:12px;line-height:1.7;color:var(--muted)}.setup-avatar-field{display:flex;align-items:center;gap:15px;padding:16px;border-radius:16px;background:var(--surface2);border:1px solid var(--border);margin-bottom:22px}.setup-avatar-field .avatar{width:62px;height:62px;border-radius:20px}.setup-avatar-copy{min-width:0}.setup-avatar-copy b{font-size:14px;display:block}.setup-avatar-copy span{font-size:12px;color:var(--muted);line-height:1.7;display:block;margin-top:3px}.setup-avatar-actions{display:flex;gap:8px;margin-top:9px}.setup-avatar-actions button{font-size:12px;color:var(--brand);font-weight:700;padding:0}.setup-avatar-actions button+button{color:var(--muted)}.profile-form .range-dual{margin:28px 0}.profile-form>.field>label{font-size:14px}.profile-form .form-note{font-size:12px;line-height:1.75}.profile-form h3{font-size:17px}.profile-form .form-description{font-size:13px;line-height:1.8}.profile-form .gender-options .btn{min-height:44px;font-size:14px}.profile-form input,.profile-form select{min-height:48px;font-size:16px}.profile-form .btn.primary{min-height:50px;font-size:15px}
@media(max-width:760px){.setup-page .landing-header{padding:22px 20px}.setup-card{width:calc(100% - 32px);margin:0 auto 30px;padding:25px 21px;border-radius:20px}.setup-card h1{font-size:24px;line-height:1.6}.setup-card>p{font-size:13px;line-height:1.8}.setup-step{margin:19px 0 22px;padding-bottom:18px}.setup-avatar-field{padding:14px;gap:12px}.setup-avatar-field .avatar{width:55px;height:55px;border-radius:18px}.setup-avatar-copy b{font-size:13px}.setup-avatar-copy span{font-size:11px}.profile-form .form-grid{grid-template-columns:1fr;gap:0}.dual-track{height:44px}.dual-track::before{top:19px}.dual-thumb{height:44px}.dual-thumb::-webkit-slider-thumb{width:25px;height:25px;margin-top:-10px}.range-dual>.row:first-child b{font-size:14px}.profile-form .gender-options{margin-bottom:21px}.profile-form .gender-options .btn{flex:1;padding:10px 8px;font-size:13px}.profile-form .field{margin-bottom:18px}}