.onboarding-shell{width:100%;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:radial-gradient(circle at 16% 0%,#7cf7a224,transparent 36%),var(--bg);place-items:center;display:grid;overflow-x:clip}.onboarding-card{border:1px solid var(--line2);background:color-mix(in srgb,var(--bg2) 92%,transparent);width:min(1120px,100%);min-height:min(780px,100dvh - 36px);box-shadow:var(--shadow);border-radius:clamp(18px,3vw,30px);flex-direction:column;gap:clamp(18px,3vw,30px);padding:clamp(20px,4vw,48px);display:flex}.onboarding-header{gap:12px;display:grid}.onboarding-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,3.5rem);line-height:1.05}.onboarding-header h1:focus{outline:none}.onboarding-step{color:var(--green);margin:0;font-size:1rem;font-weight:900}.onboarding-progress{grid-template-columns:repeat(3,1fr);gap:8px;width:min(420px,100%);display:grid}.onboarding-progress span{background:var(--line2);border-radius:999px;height:6px}.onboarding-progress span.active{background:var(--green)}.onboarding-options{border:0;min-width:0;margin:0;padding:0}.onboarding-options legend{font-size:1.15rem;font-weight:900}.onboarding-options>.muted{margin:8px 0 18px}.onboarding-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;display:grid}.onboarding-choice-card{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:18px;align-content:start;gap:10px;min-width:0;padding:18px;transition:border-color .18s,transform .18s,background .18s;display:grid;position:relative}.onboarding-choice-card:hover{border-color:var(--line2);transform:translateY(-2px)}.onboarding-choice-card:has(input:checked){border-color:var(--green);background:#7cf7a21a;box-shadow:inset 0 0 0 1px #7cf7a233}.onboarding-choice-card:focus-within{outline:3px solid var(--green);outline-offset:3px}.onboarding-choice-card input{width:22px;height:22px;accent-color:var(--green);position:absolute;top:14px;right:14px}.onboarding-choice-card strong{padding-right:34px;font-size:1.1rem}.onboarding-choice-card>span:not(.theme-swatch):not(.onboarding-density-preview){color:var(--muted);line-height:1.45}.onboarding-choice-card .theme-swatch{margin-top:24px}.onboarding-density-preview{gap:var(--density-space-2,8px);border:1px solid var(--line);background:var(--bg);border-radius:12px;margin-top:8px;padding:12px;display:grid}.onboarding-density-preview i{height:var(--density-control-height,12px);background:linear-gradient(90deg,var(--green),transparent);border-radius:6px;min-height:8px;display:block}.onboarding-density-preview i:nth-child(2){width:75%}.onboarding-density-preview i:nth-child(3){width:55%}.onboarding-density-compact{gap:4px;padding:8px}.onboarding-density-compact i{height:8px}.onboarding-density-bigger{gap:12px;padding:16px}.onboarding-density-bigger i{height:18px}.onboarding-identity{gap:24px;display:grid}.onboarding-name-field{gap:8px;max-width:680px;display:grid}.onboarding-name-field>span{font-weight:900}.onboarding-name-field input{width:100%;min-height:52px;font-size:1rem}.onboarding-avatar-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;display:grid}.onboarding-avatar-preview{border:2px solid var(--green);background:var(--panel2);width:96px;height:96px;color:var(--green);border-radius:999px;place-items:center;font-size:1.8rem;font-weight:950;display:grid;overflow:hidden}.onboarding-avatar-preview img{object-fit:cover;width:100%;height:100%}.onboarding-avatar-row h2{margin:0 0 8px;font-size:1.15rem}.onboarding-avatar-row p{margin:0}.onboarding-avatar-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.onboarding-avatar-actions label{position:relative;overflow:hidden}.onboarding-avatar-actions input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.onboarding-avatar-actions label:focus-within{outline:3px solid var(--green);outline-offset:3px}.onboarding-error{margin:0}.onboarding-actions{border-top:1px solid var(--line);justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px;display:flex}.onboarding-actions .btn{min-width:min(180px,42vw);min-height:52px}.onboarding-version{text-align:center;margin:0;font-size:.78rem}@media (max-width:600px){.onboarding-shell{padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));place-items:stretch stretch}.onboarding-card{border-radius:18px;min-height:calc(100dvh - 20px);padding:20px 16px}.onboarding-avatar-row{grid-template-columns:1fr}.onboarding-actions{align-items:stretch}.onboarding-actions .btn{flex:1;min-width:0}.onboarding-choice-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.onboarding-choice-card{transition:none}.onboarding-choice-card:hover{transform:none}}