/* ==========================================
   ULTRAKIT HIGHLIGHTED TEXT
   ========================================== */
.ultrakit-hlt-wrapper { --hlt-c: #1a1a2e; --hlt-s: #6c5ce7; --hlt-t: 4px; --hlt-w: 800; --hlt-size: 52px; --hlt-dur: 900ms; --hlt-delay: 300ms; width: 100%; box-sizing: border-box; font-family: inherit; }
.hlt-al-center { text-align: center; } .hlt-al-right { text-align: right; } .hlt-al-left { text-align: left; }
.ultrakit-hlt-text { margin: 0; font-size: var(--hlt-size); font-weight: var(--hlt-w); line-height: 1.35; letter-spacing: -0.015em; color: var(--hlt-c); }
.ultrakit-hlt-mark { position: relative; display: inline-block; white-space: nowrap; padding: 0 0.08em; }
.ultrakit-hlt-word { position: relative; z-index: 2; color: var(--hlt-wc, inherit); }
.ultrakit-hlt-svg { position: absolute; z-index: 1; left: -3%; width: 106%; overflow: visible; pointer-events: none; }
.ultrakit-hlt-svg path { fill: none; stroke: var(--hlt-s); stroke-width: var(--hlt-t); stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; }
.is-in .ultrakit-hlt-svg path { stroke-dashoffset: 0; transition: stroke-dashoffset var(--hlt-dur) cubic-bezier(.65,0,.35,1) calc(var(--hlt-delay) + var(--n, 0) * 250ms); }
.is-reset .ultrakit-hlt-svg path { transition: none !important; stroke-dashoffset: 1; }

.hlt-sh-underline .ultrakit-hlt-svg, .hlt-sh-double .ultrakit-hlt-svg, .hlt-sh-squiggle .ultrakit-hlt-svg { bottom: -0.32em; height: 0.36em; }
.hlt-sh-double .ultrakit-hlt-svg { height: 0.42em; bottom: -0.4em; }
.hlt-sh-squiggle .ultrakit-hlt-svg { left: 0; width: 100%; height: 0.3em; }
.hlt-sh-circle .ultrakit-hlt-svg { top: -0.28em; bottom: -0.28em; left: -10%; width: 120%; height: calc(100% + 0.56em); }
.hlt-sh-box .ultrakit-hlt-svg { top: -0.1em; bottom: -0.1em; left: -6%; width: 112%; height: calc(100% + 0.2em); }
.hlt-sh-strike .ultrakit-hlt-svg { top: 50%; height: 0.3em; margin-top: -0.15em; left: -4%; width: 108%; }
.hlt-sh-brackets .ultrakit-hlt-svg { top: -0.08em; bottom: -0.08em; left: -12%; width: 124%; height: calc(100% + 0.16em); }
.hlt-m-marker .ultrakit-hlt-svg { top: 46%; height: 0.62em; left: -4%; width: 108%; opacity: 0.4; }
.hlt-m-marker .ultrakit-hlt-svg path { stroke-width: calc(var(--hlt-size) * 0.5); stroke-linecap: butt; }
@media (prefers-reduced-motion: reduce) { .ultrakit-hlt-svg path { stroke-dashoffset: 0 !important; transition: none !important; } }