.hero-summary{display:block}
.hero-summary>.presence-live{width:100%;margin:0}
.quick-nav-account-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:stretch;min-width:0}
.quick-nav-account-row .quick-nav-unblock{grid-column:auto;min-width:0;padding:10px 12px;line-height:1.4;text-align:center}
.quick-nav .hero-account-link{width:44px;height:auto;min-height:46px;padding:0;align-self:stretch;border:1px solid rgba(255,155,196,.24);background:rgba(6,7,10,.28);color:var(--muted);box-shadow:none}
.quick-nav .hero-account-link:hover{color:var(--text);background:rgba(255,155,196,.12);transform:none}
.presence-label-short{display:none}
html[data-theme="light"] .quick-nav .hero-account-link{color:#66545f;border-color:rgba(118,75,101,.2);background:rgba(255,255,255,.55)}
html[data-theme="light"] .quick-nav .hero-account-link:hover{color:#33242d;background:#fff}
@media(max-width:720px){
  .hero-summary .presence-metric{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 3px;min-width:0;white-space:normal}
  .hero-summary .presence-metric:first-child{padding-left:9px}
  .hero-summary .presence-metric-label{max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:.55rem;line-height:1.2;letter-spacing:0}
  .hero-summary .presence-metric-value{max-width:100%;overflow-wrap:anywhere;white-space:normal;font-size:.74rem;line-height:1.15}
  .hero-summary .presence-label-full{display:none}
  .hero-summary .presence-label-short{display:block}
  .quick-nav-account-row .quick-nav-unblock{font-size:.68rem;letter-spacing:.01em}
}
