.hl { position: fixed; inset: 0; z-index: 9999; display: grid; place-content: center; justify-items: center; gap: 14px; background: rgba(10, 10, 10, 0.88); color: #F7F4EC; }
.hl[hidden] { display: none; }
.hl-svg { overflow: visible; }
.hl-spin { transform-origin: 0 0; animation: hl-rot 2.4s linear infinite; }
.hl-c { fill: rgba(255, 199, 44, 0.22); stroke: #FFC72C; stroke-width: 2; animation: hl-pulse 1.2s ease-in-out infinite; animation-delay: calc(var(--i) * 0.12s); }
.hl-core { fill: #FFC72C; }
.hl-t { margin: 0; font-weight: 600; font-size: 1rem; }
@keyframes hl-rot { to { transform: rotate(360deg); } }
@keyframes hl-pulse { 0%, 100% { fill-opacity: 0.25; } 50% { fill-opacity: 0.9; } }
@media (prefers-reduced-motion: reduce) { .hl-spin, .hl-c { animation: none; } }