#henshell-demo-timer {
  position: fixed; top: 0.35rem; right: 22%; z-index: 99999;
  display: flex; align-items: center; gap: 0.5rem;
  padding: 0.45rem 0.75rem; border-radius: 999px;
  font-size: 0.8125rem; font-weight: 600; font-variant-numeric: tabular-nums;
  color: #0a100e; background: #c4a574;
  border: 1px solid rgba(141, 109, 69, 0.45);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  pointer-events: none; user-select: none;
}
#henshell-demo-timer[data-phase="warn"] { background: #e8a54b; }
#henshell-demo-timer[data-phase="critical"],
#henshell-demo-timer[data-phase="resetting"] { background: #c45c4a; color: #fff; }
#henshell-demo-timer.is-blink { animation: henshell-timer-blink 0.35s ease-in-out 2; }
@keyframes henshell-timer-blink { 0%,100%{opacity:1} 50%{opacity:0.35} }
#henshell-demo-timer .hs-label { opacity:0.85; font-weight:500; font-size:0.7rem; text-transform:uppercase; letter-spacing:0.08em; }
#henshell-demo-timer .hs-time { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:0.9rem; }
@media (max-width:900px){ #henshell-demo-timer { right:1rem; } }