#profileDialog .profile-form{gap:0}
#profileDialog .profile-intro{display:flex;align-items:center;gap:14px;padding:0 0 20px;margin:0;border-bottom:1px solid var(--line)}
#profileDialog .profile-avatar-control{flex:none;position:relative}
#profileDialog .profile-avatar-button{display:block;width:52px;height:52px;min-height:52px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;overflow:hidden;cursor:pointer}
#profileDialog .profile-avatar-button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
#profileDialog .profile-avatar-button:disabled{opacity:.55;cursor:wait}
#profileDialog .profile-goals-copy{flex:1;min-width:0}
#profileDialog .profile-goals-copy #showMyGoals{align-items:center;padding:0;margin:0;background:transparent;border:0;border-radius:0;min-height:44px;font-size:16px}
#profileDialog .profile-goals-copy .helper{margin:0;font-size:15px;line-height:1.5}
#profileDialog #showMyGoals .profile-goals-chevron{display:block;flex:none;width:24px;height:24px;color:var(--muted)}
#profileDialog .profile-card:has(>.profile-wheel-columns){display:block;padding:20px 0}
#profileDialog .profile-card:has(>.profile-wheel-columns)>h3{font-size:18px;line-height:1.4;margin:0 0 16px}
#profileDialog .profile-wheel-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#profileDialog .profile-wheel-column>label{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:0 0 8px;color:var(--ink);font-size:13px;font-weight:500}
#profileDialog .profile-wheel-column>label small{font-size:11px;font-weight:400;color:var(--muted)}
#profileDialog .profile-wheel{position:relative;height:170px;overflow:hidden;border-radius:9px;touch-action:none;user-select:none;cursor:ns-resize}
#profileDialog .profile-wheel:focus-within{outline:2px solid var(--brand,#ee6542);outline-offset:2px}
#profileDialog .profile-wheel-highlight{position:absolute;top:68px;left:0;right:0;height:34px;background:var(--card);border-radius:8px}
#profileDialog .profile-wheel-digits{position:relative;display:grid;grid-template-rows:repeat(5,34px);pointer-events:none}
#profileDialog .profile-wheel-digits span{display:grid;place-items:center;color:var(--muted);font-size:21px;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1;transform:scale(.87)}
#profileDialog .profile-wheel-digits [data-offset="-2"],#profileDialog .profile-wheel-digits [data-offset="2"]{opacity:.5;transform:scale(.74) rotateX(28deg)}
#profileDialog .profile-wheel-digits [data-offset="0"]{color:var(--ink);font-size:28px;font-weight:650;transform:none}
#profileDialog input.profile-wheel-range{position:absolute;inset:0;width:100%;height:100%;min-height:0;min-width:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
#profileDialog input.profile-wheel-value{position:absolute;top:0;left:0;width:1px;height:1px;min-height:0;min-width:0;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
#profileDialog .profile-appearance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
#profileDialog .profile-appearance h3{font-size:15px;font-weight:600;margin:0}
#profileDialog .profile-appearance-controls{display:flex;align-items:center;gap:6px;flex:none}
#profileDialog #profileAppearanceState{font-size:12px;color:var(--muted)}
#profileDialog .profile-appearance-button{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;margin:0;padding:0;background:transparent;color:var(--brand,#ee6542);border:0;border-radius:50%;cursor:pointer}
#profileDialog .profile-appearance-button::before{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--card)}
#profileDialog .profile-appearance-button svg{position:relative;width:18px;height:18px}
#profileDialog .profile-appearance-button:disabled{opacity:.55;cursor:wait}
#profileDialog .profile-avatar-button:focus-visible,#profileDialog .profile-appearance-button:focus-visible{outline:2px solid var(--brand,#ee6542);outline-offset:3px}
#profileDialog #profileForm>button.primary{margin-top:20px}
@media(max-width:350px){#profileDialog .profile-wheel-columns{gap:12px}#profileDialog .profile-intro{gap:12px}}
@media(prefers-reduced-motion:reduce){#profileDialog .profile-wheel-digits{animation:none}}