.flow-page{place-items:center;min-height:calc(100svh - 3.75rem);display:grid}.flow-panel{border:1px solid var(--color-border);border-radius:var(--radius);width:min(100%,49rem);box-shadow:none;background:0 0;overflow:hidden}.flow-panel form{grid-template-rows:minmax(0,1fr) auto;height:clamp(40rem,100svh - 11rem,47rem);padding:clamp(1.25rem,4vw,2.25rem);display:grid}.flow-step{align-content:start;gap:1.25rem;min-height:0;padding-right:.25rem;display:grid;overflow-y:auto}.flow-step h1,.flow-step h2{margin:0}.flow-step h2{font-size:clamp(1.5rem,3vw,2rem)}.flow-step__lede{max-width:58ch;color:var(--color-muted-fg);margin:-.65rem 0 0;line-height:1.55}.profile-import-card{border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;align-items:center;gap:.9rem;padding:.9rem;display:flex}.profile-import-card__avatar{border:2px solid var(--color-surface);width:3.75rem;height:3.75rem;box-shadow:0 0 0 1px var(--color-border);object-fit:cover;border-radius:50%;flex:0 0 3.75rem}.profile-import-card__details{gap:.2rem;min-width:0;display:grid}.profile-import-card__details strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-import-card__restore{flex:none;margin-left:auto}.profile-avatar-picker legend{margin-bottom:.4rem}.profile-avatar-upload{flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin-bottom:.8rem;display:flex}.profile-avatar-upload>span{color:var(--color-muted-fg);font-size:.76rem}.profile-avatar-upload>.form-error{flex-basis:100%}.profile-avatar-options{gap:var(--space-sm);flex-wrap:wrap;display:flex}.profile-avatar-option{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;display:grid;position:relative}.profile-avatar-option input{opacity:0;width:1px;height:1px;position:absolute}.profile-avatar-option img{border-radius:50%}.profile-avatar-option>span{border:2px solid var(--color-surface);background:var(--color-primary);width:1.15rem;height:1.15rem;color:var(--color-on-primary);border-radius:50%;place-items:center;font-size:.62rem;font-weight:800;display:none;position:absolute;bottom:-.15rem;right:-.15rem}.profile-avatar-option:hover{border-color:#c8c5c1}.profile-avatar-option:has(input:checked){border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 18%, transparent)}.profile-avatar-option:has(input:checked)>span{display:grid}.profile-avatar-option:has(input:focus-visible){outline:2px solid var(--color-ring);outline-offset:3px}.avatar-crop-modal{width:min(42rem,100%)}.avatar-crop-workspace{grid-template-columns:15rem minmax(0,1fr);justify-content:center;align-items:center;gap:1.5rem;padding:.5rem 0;display:grid}.avatar-crop-preview{border:1px solid var(--color-border-strong);background:var(--color-muted);border-radius:50%;width:15rem;height:15rem;position:relative;overflow:hidden}.avatar-crop-preview img{object-fit:fill;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.avatar-crop-preview>span{pointer-events:none;border:1px solid #ffffffb8;border-radius:50%;position:absolute;inset:33.333%;box-shadow:0 0 0 1px #0003}.avatar-crop-controls{gap:1rem;min-width:0;display:grid}.avatar-crop-range{color:var(--color-foreground);gap:.4rem;font-size:.8rem;font-weight:600;display:grid}.avatar-crop-range input{width:100%;accent-color:var(--color-primary)}.avatar-crop-controls .text-button{justify-self:start}.avatar-crop-modal .asset-modal__actions{justify-content:flex-end}@media (max-width:620px){.avatar-crop-workspace{grid-template-columns:1fr;justify-items:center}.avatar-crop-preview{width:min(15rem,72vw);height:min(15rem,72vw)}.avatar-crop-controls{width:100%}}.profile-name-controls{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.country-combobox{min-width:0;position:relative}.country-combobox>input{padding-right:3rem}.country-combobox__toggle{border:0;border-left:1px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-muted-fg);background:0 0;border-radius:0 8px 8px 0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.country-combobox__toggle:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.45rem;height:.45rem;transform:rotate(45deg)translate(-.1rem,-.1rem)}.country-combobox__toggle.is-open:before{transform:rotate(225deg)translate(-.1rem,-.1rem)}.country-combobox__toggle:hover,.country-combobox__toggle:focus-visible{background:var(--color-muted);color:var(--color-foreground)}.country-combobox__toggle:focus-visible{outline:2px solid var(--color-ring);outline-offset:-2px}.country-combobox__listbox{z-index:80;border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:8px;padding:.3rem;display:grid;overflow-y:auto}.country-combobox__listbox>button{width:100%;min-height:2.5rem;color:var(--color-foreground);font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:.55rem .65rem;font-weight:500}.country-combobox__listbox>button:hover,.country-combobox__listbox>button.is-active{background:var(--color-muted);border-radius:6px}.country-combobox__listbox>button[aria-selected=true]{background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary-active)}.country-combobox__listbox>p{color:var(--color-muted-fg);margin:0;padding:.75rem;font-size:.82rem;font-weight:400}.profile-import-card small{color:var(--color-muted-fg);font-size:.78rem;line-height:1.4}.flow-progress{border-bottom:1px solid var(--color-border);background:var(--color-background);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:1rem clamp(1.25rem,4vw,2.25rem);list-style:none;display:grid}.flow-progress li{color:var(--color-faint-fg);text-align:center;justify-items:center;gap:.35rem;display:grid;position:relative}.flow-progress li:not(:last-child):after{background:var(--color-border);content:"";width:calc(100% - 2.2rem);height:1px;position:absolute;top:.85rem;left:calc(50% + 1.1rem)}.flow-progress li>span{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:grid}.flow-progress li.is-current,.flow-progress li.is-complete{color:var(--color-primary)}.flow-progress li.is-current>span,.flow-progress li.is-complete>span{border-color:var(--color-primary)}.flow-progress li.is-complete>span{background:var(--color-primary);color:var(--color-on-primary)}.flow-progress small{font-size:.7rem;font-weight:600}.flow-actions{border-top:1px solid var(--color-border);justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:1.25rem;display:flex}.flow-step__heading{gap:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.flow-step__heading h1,.flow-step__heading p{margin:0}.flow-step__heading .eyebrow{margin-bottom:var(--space-xs)}.selection-count{background:var(--color-muted);color:var(--color-secondary);border-radius:999px;flex:none;padding:.3rem .55rem;font-size:.75rem;font-weight:700}.onboarding-app-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-test-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .14s var(--ease-out), background .14s var(--ease-out);display:grid;position:relative;overflow:hidden}.onboarding-test-card:hover{border-color:var(--color-border-strong)}.onboarding-test-card:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 4%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 22%, transparent)}.onboarding-test-card:has(input:focus-visible){outline:2px solid var(--color-ring);outline-offset:3px}.onboarding-test-card__input{opacity:0;width:1px;height:1px;position:absolute}.onboarding-test-card__check{top:var(--space-sm);right:var(--space-sm);z-index:2;width:1.75rem;height:1.75rem;color:var(--color-surface);background:#11100fb8;border:1px solid #ffffffbf;border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute}.onboarding-test-card:has(input:checked) .onboarding-test-card__check{background:var(--color-primary)}.onboarding-test-card__artwork{aspect-ratio:1024/500;border-bottom:1px solid var(--color-border);background:var(--color-muted);object-fit:cover;width:100%;height:auto;display:block}.onboarding-test-card__body{gap:.5rem;min-width:0;padding:.75rem;display:grid}.onboarding-test-card__title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.onboarding-test-card__tagline{min-height:2.45em;color:var(--color-muted-fg);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;font-weight:400;line-height:1.25;display:-webkit-box;overflow:hidden}.onboarding-test-card__joined{color:var(--color-secondary);font-size:.76rem}.onboarding-test-card__meta{gap:var(--space-sm);color:var(--color-faint-fg);justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.onboarding-test-card__author{border-top:1px solid var(--color-border);min-width:0;padding-top:.6rem}.interest-apps,.consent-options{gap:.6rem;display:grid}.interest-app{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;grid-template-columns:auto 2.5rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:4rem;padding:.65rem .75rem;display:grid}.interest-app:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.interest-app__icon{background:var(--color-muted);width:2.5rem;height:2.5rem;color:var(--color-secondary);border-radius:8px;place-items:center;font-size:.75rem;font-weight:750;display:grid}.interest-app>span:last-child,.consent-options label>span{gap:.15rem;display:grid}.interest-app small,.consent-options small{color:var(--color-muted-fg);font-size:.76rem;font-weight:400}.consent-options{border:0;margin:0;padding:0}.consent-options label{border:1px solid var(--color-border);cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:4.5rem;padding:.8rem;display:grid}.consent-options label:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.consent-options em{color:var(--color-secondary);text-transform:uppercase;margin-left:.3rem;font-size:.7rem;font-style:normal}@media (min-width:840px){.flow-page{min-height:100svh}}.saved-profile{border:1px solid var(--color-border);background:var(--color-background);text-align:left;border-radius:999px;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex}.saved-profile__avatar{border:1px solid var(--color-border);object-fit:cover;border-radius:50%;flex:0 0 3.25rem;width:3.25rem;height:3.25rem}.saved-profile>span:last-child{gap:.15rem;display:grid}@media (max-width:620px){.profile-import-card{grid-template-columns:3.75rem minmax(0,1fr);display:grid}.profile-import-card__restore{grid-column:1/-1;width:100%;margin-left:0}.profile-name-controls{grid-template-columns:1fr}.flow-progress small{display:none}}