/* ── Auth pill — fixed top-right on all pages ── */
#auth-area {
  position: fixed; top: 0.75rem; right: 1rem;
  display: flex; align-items: center; gap: 0.5rem;
  z-index: 200;
  background: rgba(15,15,15,0.88);
  border-radius: 24px; padding: 0.28rem 0.7rem;
  backdrop-filter: blur(8px); min-height: 32px;
}
.auth-avatar {
  width: 24px; height: 24px; border-radius: 50%;
  border: 1.5px solid var(--accent); object-fit: cover; flex-shrink: 0;
}
.auth-name {
  font-size: 0.72rem; font-weight: 300; color: var(--text-muted);
  max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.signin-btn {
  display: inline-flex; align-items: center; gap: 0.45rem;
  padding: 0.28rem 0.75rem;
  background: transparent; border: 1px solid var(--border); border-radius: 20px;
  color: var(--text-muted);
  font-family: var(--font-sans, 'Noto Sans', sans-serif); font-weight: 300; font-size: 0.73rem;
  cursor: pointer; transition: border-color 0.15s, color 0.15s;
}
.signin-btn:hover { border-color: var(--accent); color: var(--text); }
.signin-btn .g-label-full { display: none; }
.auth-sep { color: var(--border); font-size: 0.7rem; }
.auth-action {
  font-size: 0.7rem; color: var(--text-muted); text-decoration: none;
  background: none; border: none; padding: 0; cursor: pointer;
  opacity: 0.55; transition: opacity 0.15s;
  font-family: var(--font-sans, 'Noto Sans', sans-serif); font-weight: 300;
}
.auth-action:hover { opacity: 1; color: var(--text); }