/* Account details only become editable after registration. */
#beta-hub #registered-profile-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:16px}
#beta-hub #registered-profile-fields[hidden]{display:none}
#beta-hub:not([data-profile-kind=registered]) .profile-photo-actions{display:none}
#beta-hub .profile-experience{border:0;padding:0;margin:0;min-width:0}
#beta-hub .profile-experience legend{font-size:14px;margin-bottom:8px;padding:0}
.experience-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#beta-hub .experience-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:74px;border:1px solid var(--line);border-radius:12px;padding:10px 4px;font-size:14px;background:var(--bg);color:var(--muted)}
#beta-hub .experience-choices button[aria-pressed=true]{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
.experience-choices svg,.profile-save svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#beta-hub .profile-save{display:flex;align-items:center;justify-content:center;gap:8px}
#beta-hub .guest-account{padding:24px;margin:12px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
#beta-hub .guest-account h3{font-size:26px;line-height:1.15;letter-spacing:-.025em;margin:0}
#beta-hub .guest-account .account-description{font-size:15px;line-height:1.5;max-width:50ch;margin:10px 0 20px;color:var(--muted)}
#beta-hub .account-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0 0 24px;padding:0}
#beta-hub .account-benefits li{display:flex;flex-direction:column;gap:9px;min-width:0}
#beta-hub .account-benefits svg{width:25px;height:25px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#beta-hub .account-benefits strong{display:block;font-size:14px;font-weight:650;margin-bottom:4px}
#beta-hub .account-benefits small{display:block;font-size:13px;line-height:1.4;color:var(--muted)}
#beta-hub .guest-account .account-actions{display:flex;flex-wrap:wrap;gap:8px;border:0;overflow:visible}
#beta-hub .guest-account .account-actions button{justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;flex:0 1 auto}
#beta-hub .guest-account .account-actions .primary{background:var(--ui-primary);border-color:transparent;color:var(--ui-on-primary);font-weight:600}
#beta-hub .guest-account .account-actions button:last-child:not(.primary){border-color:transparent;color:var(--muted)}
#beta-hub .guest-profile-settings{margin:0 0 20px;border-bottom:1px solid var(--line)}
#beta-hub .guest-profile-settings>summary{min-height:44px;padding:12px 0;box-sizing:border-box;cursor:pointer;font-size:13px;color:var(--muted)}
#beta-hub .guest-profile-settings #beta-profile-form{margin:0 0 16px}
@media(max-width:600px){
 #beta-hub .guest-account{padding:20px}
 #beta-hub .guest-account h3{font-size:24px}
 #beta-hub .account-benefits{grid-template-columns:1fr;gap:16px;margin-bottom:20px}
 #beta-hub .account-benefits li{flex-direction:row;align-items:center;gap:12px}
 #beta-hub .account-benefits svg{flex:none}
 #beta-hub .account-benefits strong{margin-bottom:2px}
 #beta-hub .guest-account .account-actions .primary{flex-basis:100%}
}
#beta-hub .guest-account .account-status:empty,#beta-hub .guest-badges h3,#beta-hub .guest-badges .badge-status:empty{display:none}
#beta-hub .guest-badges{margin:12px 0;padding:0}
#beta-hub .guest-badges .badge-card{padding:12px;gap:12px;grid-template-columns:36px minmax(0,1fr)}
#beta-hub .guest-badges .badge-card>svg{width:36px;height:40px}
#beta-hub .guest-badges p{margin:4px 0 0;font-size:14px}
#beta-hub[data-profile-kind=guest] #beta-profile-form{gap:8px}
#beta-hub #guest-session-note{font-size:14px;line-height:1.5;margin:0 0 16px}
@media(max-width:420px){.experience-choices{grid-template-columns:repeat(2,minmax(0,1fr))}#beta-hub .experience-choices button{flex-direction:row;min-height:48px;gap:8px;padding:8px}}
