/* Account settings and public profiles */
.drawer { top:50%;left:50%;right:auto;bottom:auto;width:840px;max-width:calc(100vw - 32px);max-height:90dvh;padding:30px;transform:translate(-50%,-48%);border:1px solid var(--line);border-radius:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s; }
.drawer.open { transform:translate(-50%,-50%);opacity:1;visibility:visible;pointer-events:auto; }
.drawer-title { margin:8px 0 0;font-size:26px;letter-spacing:-.8px; }
.drawer-close { width:36px;height:36px;border:1px solid var(--line);border-radius:50%;flex-shrink:0; }
.account-layout { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px; }
.account-layout > * { min-width:0; }
.account-layout .settings-section { border:1px solid var(--line);border-radius:8px;padding:22px;margin:0 0 16px; }
.account-layout .account-profile { margin:0; }
.account-layout .settings-label { font-size:15px;color:var(--text);letter-spacing:0;text-transform:none;margin:0 0 10px; }
.settings-description { color:var(--muted);font-size:12px;line-height:1.7;margin:6px 0 14px; }
.account-picture-row { display:flex;gap:16px;align-items:center;margin:24px 0 18px; }
.account-picture-row strong,.toggle-row strong { font-size:13px; }
.account-picture-row .avatar-preview { width:70px;height:70px;margin:0;flex-shrink:0; }
.account-picture-row p { margin:6px 0 0; }
.account-divider { border-top:1px solid var(--line);margin:26px 0; }
.account-layout .btn { width:auto;padding:10px 16px;font-size:12px; }
.account-layout .field input { border-radius:5px; }
.account-layout .toggle-row { gap:16px;align-items:flex-start; }
.account-layout .toggle { margin-top:4px; }
.settings-input-label { font-size:12px;color:var(--muted);display:block;margin:8px 0; }
.share-row input { min-width:0;border-radius:5px; }
.account-danger .settings-label { color:var(--muted); }
.account-danger .btn-danger { background:transparent;border:1px solid var(--line);color:var(--accent); }
.profile-eyebrow { margin:0;font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600; }
.viewing-banner { padding:36px 0;margin:12px 0 30px;border:none;border-bottom:1px solid var(--line);border-radius:0;background:none;gap:24px; }
.profile-identity { display:flex;gap:24px;align-items:center;min-width:0; }
.profile-identity > div { min-width:0; }
.profile-avatar { width:96px;height:96px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:38px;font-weight:600;flex-shrink:0; }
.profile-avatar img { width:100%;height:100%;object-fit:cover; }
#viewing-username { font-size:clamp(24px,3.5vw,42px);letter-spacing:-1px;margin:8px 0 10px;overflow-wrap:anywhere; }
#profile-summary { color:var(--muted);font-size:13px;margin:0; }
#back-to-mine { width:auto;flex-shrink:0;font-size:12px; }
.guest-profile #topnav .nav-tabs,.guest-profile #topnav .nav-right,.guest-profile #topnav .avatar { display:none; }
.guest-profile #app-view { padding-top:20px; }
@media(max-width:650px) {
  .drawer { padding:20px;max-height:94dvh; }
  .drawer-title { font-size:22px; }
  .account-layout { grid-template-columns:1fr;gap:16px;margin-top:16px; }
  .account-layout .settings-section { padding:18px; }
  .viewing-banner { align-items:flex-start;flex-direction:column;padding:20px 0 26px; }
  .profile-identity { gap:16px; }
  .profile-avatar { width:68px;height:68px;font-size:28px; }
  #viewing-username { font-size:26px; }
}