.hb-ring{position:relative;width:var(--hb-size,38px);height:var(--hb-size,38px);flex-shrink:0}
.hb-ring::before{content:"";position:absolute;inset:-4px;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(207,138,82,0) 0deg,rgba(207,138,82,.6) 40deg,rgba(207,138,82,0) 85deg);
  animation:hbHalo var(--t-ambient) linear infinite}
.hb-badge{position:relative;width:100%;height:100%;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(207,138,82,.28);
  background:var(--surface-medallion)}
.hb-badge svg{width:16px;height:16px;color:var(--accent-text);flex-shrink:0;transition:color var(--t-reveal)}
@keyframes hbHalo{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hb-ring::before{animation:none;opacity:.4}}