.hx3-supernova-field{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.hx3-supernova{position:absolute;left:var(--x);top:var(--y);width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 18px 8px rgba(255,255,255,.95),0 0 48px 20px rgba(139,92,246,.72),0 0 110px 38px rgba(124,58,237,.28);animation:hxSnCore 1.5s ease-out forwards}.hx3.red-warp .hx3-supernova{box-shadow:0 0 18px 8px rgba(255,255,255,.96),0 0 48px 20px rgba(255,58,76,.78),0 0 110px 38px rgba(227,6,19,.3)}.hx3-supernova:before,.hx3-supernova:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) scale(.12);border:2px solid rgba(255,255,255,.9);opacity:0;animation:hxSnRing 1.25s ease-out forwards}.hx3-supernova:before{width:180px;height:180px;box-shadow:0 0 26px rgba(139,92,246,.75)}.hx3-supernova:after{width:320px;height:320px;animation-delay:.12s;border-color:rgba(196,181,253,.55)}.hx3-code-fragment{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(5,4,9,.68);backdrop-filter:blur(6px);color:#c7ffe6;font:700 9px/1.3 Consolas,monospace;white-space:nowrap;box-shadow:0 10px 35px rgba(0,0,0,.35);animation:hxSnCode 2.6s cubic-bezier(.18,.75,.23,1) forwards}.hx3-code-fragment b{margin-right:6px;color:#fff;font-size:8px;letter-spacing:.08em}.hx3-code-fragment.php b{color:#b7a7ff}.hx3-code-fragment.node b{color:#72f0a5}.hx3-code-fragment.css b{color:#77c8ff}.hx3-code-fragment.java b{color:#ffb06c}.hx3-code-fragment.python b{color:#ffe36d}.hx3-code-fragment.js b{color:#fff07a}.hx3-code-fragment.sql b{color:#7de4ff}.hx3-code-fragment.cpp b{color:#ff8db1}.hx3-code-fragment.csharp b{color:#c995ff}.hx3-code-fragment.react b{color:#7eeaff}@keyframes hxSnCore{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}12%{opacity:1}42%{transform:translate(-50%,-50%) scale(4.8)}100%{transform:translate(-50%,-50%) scale(.35);opacity:0}}@keyframes hxSnRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}18%{opacity:.95}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes hxSnCode{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}12%{opacity:1}70%{opacity:.95}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.03)}}@media(max-width:700px){.hx3-code-fragment{font-size:7px;padding:4px 6px}.hx3-supernova:before{width:120px;height:120px}.hx3-supernova:after{width:220px;height:220px}}