.onboarding-wrap{place-items:start center;min-height:calc(100vh - 9rem);padding-block:clamp(2rem,6vw,5rem);display:grid}.onboarding-shell{width:min(100%,980px);margin-inline:auto}.onboarding-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.onboarding-topbar>div{gap:.25rem;display:grid}.onboarding-topbar strong{font-size:1rem}.onboarding-kicker,.mini-label{color:var(--c-violet-dark);font-size:.75rem;font-weight:900}.step-counter{color:var(--text-soft);background:var(--surface);border:1px solid var(--border);direction:ltr;border-radius:999px;padding:.45rem .7rem;font-size:.72rem;font-weight:900}.step-progress{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:7px;margin-bottom:1rem;overflow:hidden}.step-progress span{background:var(--rainbow);border-radius:inherit;height:100%;transition:width .28s;display:block}.onboarding-panel{border:1px solid var(--border);background:radial-gradient(circle at 95% 8%, color-mix(in srgb, var(--c-cyan) 8%, transparent), transparent 17rem), radial-gradient(circle at 5% 92%, color-mix(in srgb, var(--c-pink) 8%, transparent), transparent 15rem), var(--surface);min-height:32rem;box-shadow:var(--shadow-md);border-radius:2rem;padding:clamp(1.2rem,4vw,2.6rem)}.step-content{animation:.22s both phase2-in}.step-content>h1{letter-spacing:-.045em;margin:.55rem 0 .5rem;font-size:clamp(1.8rem,4.2vw,3.2rem);line-height:1.25}.step-content>p{max-width:47rem;color:var(--text-muted);margin:0 0 1.45rem;font-size:.9rem;line-height:1.95}.intro-step{text-align:center;max-width:38rem;margin-inline:auto;padding-top:2rem}.big-emoji{filter:drop-shadow(0 12px 22px #7c3aed24);font-size:4rem}.name-field{text-align:right;gap:.5rem;margin-top:1.5rem;display:grid;position:relative}.name-field>span{color:var(--text-muted);font-size:.78rem;font-weight:900}.name-field input{border:2px solid var(--border);width:100%;min-height:4rem;color:var(--text-strong);font:inherit;background:#fff;border-radius:1.2rem;outline:none;padding:.8rem 1rem;font-size:1.1rem;font-weight:800;transition:border-color .16s,box-shadow .16s}.name-field input:focus{border-color:var(--c-violet);box-shadow:0 0 0 5px color-mix(in srgb, var(--c-violet) 11%, transparent)}.name-field small{inset-inline-end:.8rem;color:var(--text-soft);direction:ltr;font-size:.65rem;position:absolute;bottom:.35rem}.choice-grid{gap:.75rem;display:grid}.level-grid,.signal-grid{grid-template-columns:repeat(3,1fr)}.track-grid{grid-template-columns:repeat(4,1fr)}.choice-card{appearance:none;text-align:right;cursor:pointer;border:2px solid var(--border);min-height:9.5rem;color:var(--text-strong);background:color-mix(in srgb, var(--surface) 95%, transparent);font:inherit;border-radius:1.35rem;flex-direction:column;align-items:flex-start;gap:.38rem;padding:1rem;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative;overflow:hidden}.choice-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.choice-card:focus-visible{outline:3px solid color-mix(in srgb, var(--c-violet) 30%, transparent);outline-offset:3px}.choice-card.selected{border-color:var(--c-violet);background:linear-gradient(145deg, color-mix(in srgb, var(--c-violet) 8%, white), #fff);box-shadow:0 10px 28px color-mix(in srgb, var(--c-violet) 12%, transparent)}.choice-card.selected:after{content:"✓";top:.65rem;color:#fff;background:var(--c-violet);border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-size:.72rem;font-weight:900;display:grid;position:absolute;inset-inline-end:.65rem}.choice-card.compact{min-height:8.5rem}.choice-card.track-choice.selected{border-color:var(--choice-accent,var(--c-violet));background:color-mix(in srgb, var(--choice-accent,var(--c-violet)) 7%, white)}.choice-card.track-choice.selected:after{background:var(--choice-accent,var(--c-violet))}.choice-icon{font-size:1.65rem}.choice-card strong{font-size:.88rem;line-height:1.55}.choice-card small{color:var(--text-muted);font-size:.72rem;line-height:1.75}.primary-reminder{background:color-mix(in srgb, var(--c-yellow) 13%, white);border:1px solid color-mix(in srgb, var(--c-yellow) 28%, var(--border));border-radius:.9rem;align-items:center;gap:.35rem;margin:-.25rem 0 1rem;padding:.6rem .75rem;font-size:.78rem;display:inline-flex}.selection-count{color:var(--text-soft);margin-top:.75rem;display:block}.profile-preview{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--c-violet) 7%, white), color-mix(in srgb, var(--c-cyan) 6%, white));border-radius:1.4rem;align-items:center;gap:1rem;margin:1.3rem 0;padding:1rem;display:flex}.preview-avatar,.profile-avatar{border:1px solid var(--border);width:4.5rem;height:4.5rem;box-shadow:var(--shadow-sm);background:#fff;border-radius:1.35rem;flex:none;place-items:center;font-size:2rem;display:grid}.profile-preview>div:last-child{gap:.2rem;display:grid}.profile-preview small{color:var(--text-soft);text-align:right;direction:ltr;font-size:.65rem}.profile-preview strong{font-size:1.15rem}.profile-preview span{color:var(--text-muted);font-size:.78rem}.summary-cards{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.summary-cards article{background:var(--surface-2);border:1px solid var(--border);border-radius:1.15rem;gap:.4rem;padding:1rem;display:grid}.summary-cards span{color:var(--text-soft);font-size:.7rem}.summary-cards strong{font-size:.88rem}.privacy-note{background:color-mix(in srgb, var(--c-green) 9%, white);border:1px solid color-mix(in srgb, var(--c-green) 24%, var(--border));border-radius:1.15rem;align-items:flex-start;gap:.8rem;margin-top:.8rem;padding:1rem;display:flex}.privacy-note>span{font-size:1.35rem}.privacy-note div{gap:.25rem;display:grid}.privacy-note small{color:var(--text-muted);line-height:1.8}.onboarding-error{border:1px solid color-mix(in srgb, var(--c-red) 32%, var(--border));background:color-mix(in srgb, var(--c-red) 7%, white);color:#9f1239;border-radius:1rem;margin-top:.7rem;padding:.75rem .9rem;font-size:.78rem;font-weight:800}.onboarding-actions{justify-content:space-between;gap:.75rem;margin-top:1rem;display:flex}.onboarding-actions .btn{cursor:pointer;border:0;font-family:inherit}.onboarding-actions .btn-soft{border:1px solid var(--border)}.onboarding-actions button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.finish-button{min-width:9.5rem}.profile-wrap{padding-block:clamp(2rem,6vw,5rem)}.profile-page-content{gap:1rem;display:grid}.profile-loading,.empty-profile{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:2rem;align-content:center;place-items:center;min-height:28rem;padding:2rem;display:grid}.empty-profile h1{margin:.5rem 0;font-size:clamp(1.8rem,5vw,3rem)}.empty-profile p{max-width:34rem;color:var(--text-muted);line-height:1.9}.saved-banner{background:color-mix(in srgb, var(--c-green) 10%, white);border:1px solid color-mix(in srgb, var(--c-green) 30%, var(--border));border-radius:1rem;padding:.9rem 1rem;font-size:.82rem;font-weight:900}.profile-hero-card{background:linear-gradient(135deg, color-mix(in srgb, var(--c-violet) 8%, white), color-mix(in srgb, var(--c-cyan) 6%, white));border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:2rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding:clamp(1.2rem,4vw,2rem);display:grid}.profile-avatar{border-color:color-mix(in srgb, var(--profile-accent,var(--c-violet)) 30%, var(--border));width:5.4rem;height:5.4rem;font-size:2.3rem}.profile-title>span{color:var(--text-soft);direction:ltr;font-size:.67rem;font-weight:800;display:inline-block}.profile-title h1{letter-spacing:-.04em;margin:.25rem 0;font-size:clamp(1.7rem,4vw,2.7rem)}.profile-title p{color:var(--text-muted);max-width:40rem;margin:0;font-size:.82rem;line-height:1.8}.profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.profile-stat-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.profile-stat-grid article,.profile-detail-card,.local-data-card{background:var(--surface);border:1px solid var(--border);border-radius:1.35rem;padding:1.2rem}.profile-stat-grid article{align-content:start;gap:.45rem;min-height:9.5rem;display:grid}.profile-stat-grid span{color:var(--text-soft);font-size:.72rem}.profile-stat-grid strong{font-size:1rem}.profile-stat-grid small{color:var(--text-muted);line-height:1.8}.detail-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.detail-heading h2,.local-data-card h2{margin:.35rem 0 0;font-size:1.1rem}.detail-heading>small{color:var(--text-soft)}.profile-tags{flex-wrap:wrap;gap:.5rem;display:flex}.profile-tags span{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.5rem .65rem;font-size:.73rem;font-weight:800}.local-data-card{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.local-data-card p{max-width:48rem;color:var(--text-muted);margin:.5rem 0 0;font-size:.8rem;line-height:1.9}.danger-button{border:1px solid color-mix(in srgb, var(--c-red) 28%, var(--border));background:color-mix(in srgb, var(--c-red) 7%, white);color:#be123c;font:inherit;cursor:pointer;border-radius:.9rem;flex:none;padding:.7rem .85rem;font-size:.75rem;font-weight:900}@keyframes phase2-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.track-grid,.signal-grid{grid-template-columns:repeat(2,1fr)}.profile-hero-card{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=700px){.level-grid{grid-template-columns:repeat(2,1fr)}.summary-cards,.profile-stat-grid{grid-template-columns:1fr}.onboarding-panel{border-radius:1.5rem;min-height:28rem}.local-data-card{flex-direction:column;align-items:flex-start}}@media (width<=520px){.track-grid,.signal-grid,.level-grid{grid-template-columns:1fr}.choice-card{min-height:7.8rem}.onboarding-actions .btn{flex:1}.profile-hero-card{text-align:center;grid-template-columns:1fr}.profile-avatar{margin-inline:auto}.profile-actions{justify-content:center}}