/* =================== hc-acc-nav.css =================== */
.hc-acc-nav {position: sticky; top: calc(84px + env(safe-area-inset-top)); padding: clamp(16px, 2vw, 22px); background: var(--hc-bg, #f8f6f3); border: 1px solid rgba(26, 23, 20, 0.08); border-radius: 22px}
.hc-acc-nav__user {display: flex; align-items: center; gap: 12px; margin-bottom: var(--hc-sp-4, 20px); padding-bottom: var(--hc-sp-3, 14px); border-bottom: 1px solid rgba(26, 23, 20, 0.08)}
.hc-acc-nav__avatar {display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--hc-gold, #d4b896), var(--hc-accent, #8b7355)); color: var(--hc-bg, #f8f6f3); font-family: var(--hc-serif, "Playfair Display", Georgia, serif); font-weight: 500; font-size: 18px; flex: none}
.hc-acc-nav__user-body {display: flex; flex-direction: column; gap: 2px; min-width: 0}
.hc-acc-nav__user-name {font-weight: 500; font-size: 14px; color: var(--hc-ink, #1a1714); overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.hc-acc-nav__tier {align-self: flex-start; font-size: 10px; letter-spacing: 0.04em; padding: 2px 8px; margin-top: 2px}
.hc-acc-nav__user-email {font-size: 11px; color: var(--hc-muted, rgba(26, 23, 20, 0.55)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.hc-acc-nav__list {list-style: none; padding: 0; margin: 0; display: grid; gap: 2px}
.hc-acc-nav__link {display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; color: var(--hc-ink, #1a1714); font-size: 14px; font-weight: 500; text-decoration: none; transition: background 0.2s ease, color 0.2s ease}
.hc-acc-nav__link:hover {background: rgba(26, 23, 20, 0.04)}
.hc-acc-nav__link.is-active {background: rgba(139, 115, 85, 0.10); color: var(--hc-accent-dark, #7a6548)}
.hc-acc-nav__link--muted {color: var(--hc-muted, rgba(26, 23, 20, 0.58))}
.hc-acc-nav__link--muted:hover {color: var(--hc-red, #c0392b)}
.hc-acc-nav__ico {display: inline-grid; place-items: center; width: 20px; flex: none; font-size: 14px; color: var(--hc-accent, #8b7355)}
.hc-acc-nav__badge {margin-left: auto; font-family: var(--hc-mono, "JetBrains Mono", monospace); font-size: 11px; padding: 2px 7px; background: rgba(26, 23, 20, 0.08); border-radius: 999px; color: var(--hc-ink-soft, rgba(26, 23, 20, 0.65))}
.hc-acc-nav__sep {height: 1px; background: rgba(26, 23, 20, 0.08); margin: 6px 0}