.hyl{--hyl-primary:#8b5cf6;--hyl-primary-600:#7c3aed;--hyl-surface:#ffffff;--hyl-fg:#111827;--hyl-fg-subtle:#9ca3af;--hyl-skel:#f3f4f6;--hyl-hl:rgba(124,58,237,0.10);--hyl-grad-image:linear-gradient(135deg,#7c3aed,#a855f7 34%,#ec4899 70%,#f97316);position:relative;aspect-ratio:1/1;width:100%;background:var(--hyl-surface);color:var(--hyl-fg);font-family:var(--font-sans,"Vazirmatn",ui-sans-serif,system-ui,sans-serif);overflow:hidden;border-radius:var(--hyl-radius,16px)}.dark .hyl{--hyl-surface:#111827;--hyl-fg:#f9fafb;--hyl-fg-subtle:#6b7280;--hyl-skel:#1f2937;--hyl-hl:rgba(255,255,255,0.10)}.hyl__stage{position:absolute;inset:0}.hyl__chip{position:absolute;top:12px;inset-inline-start:12px;z-index:10;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9999px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:500;line-height:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.hyl__chip-dot{position:relative;display:inline-block;width:8px;height:8px}.hyl__chip-dot,.hyl__chip-dot-ping{border-radius:50%;background:#34d399}.hyl__chip-dot-ping{position:absolute;inset:0;opacity:.75;animation:hyl-ping 1.4s cubic-bezier(0,0,.2,1) infinite}@keyframes hyl-ping{0%{transform:scale(1);opacity:.75}75%,to{transform:scale(2.2);opacity:0}}.hyl__ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--hyl-fg-subtle);opacity:.5}.hyl-shim__field{position:absolute;inset:0;background:var(--hyl-skel)}.hyl-shim__sweep{position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,var(--hyl-hl) 50%,transparent 62%);transform:translateX(-100%);animation:hyl-shim 1.7s cubic-bezier(0,0,.2,1) infinite}@keyframes hyl-shim{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hyl-rev{position:absolute;inset:0;display:grid;gap:clamp(2px,.6cqw,5px);padding:clamp(4px,1.2cqw,10px)}.hyl-rev__cell{opacity:0;border-radius:clamp(2px,.6cqw,4px);outline:1px solid var(--hyl-hl);outline-offset:-1px;transform:scale(.55);animation:hyl-rev 3.4s ease-in-out infinite}@keyframes hyl-rev{0%{opacity:0;transform:scale(.5);filter:saturate(.4)}14%{opacity:1;transform:scale(1);filter:saturate(1)}72%{opacity:1;transform:scale(1);filter:saturate(1)}to{opacity:0;transform:scale(.5);filter:saturate(.4)}}.hyl-breathe{position:absolute;inset:0;background:#0a0814}.hyl-breathe__b{position:absolute;border-radius:50%;filter:blur(30px);mix-blend-mode:screen}.hyl-breathe__b1{width:70%;height:70%;left:-10%;top:-12%;background:#a855f7;animation:hyl-b1 7s ease-in-out infinite}.hyl-breathe__b2{width:75%;height:75%;right:-14%;top:6%;background:#ec4899;animation:hyl-b2 8s ease-in-out infinite}.hyl-breathe__b3{width:80%;height:80%;left:8%;bottom:-20%;background:#4f46e5;animation:hyl-b3 9s ease-in-out infinite}@keyframes hyl-b1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(18%,12%) scale(1.18)}}@keyframes hyl-b2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(-14%,16%) scale(.9)}}@keyframes hyl-b3{0%,to{transform:translate(0) scale(.95)}50%{transform:translate(12%,-14%) scale(1.2)}}.hyl-breathe__grain{position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/></svg>")}.hyl-breathe__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,8,20,.55),transparent 45%)}.hyl-eq{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:11px}.hyl-eq__bar{width:16px;border-radius:8px;background:var(--hyl-grad-image);height:20%;transform-origin:center;animation:hyl-eq 1.8s ease-in-out infinite}@keyframes hyl-eq{0%,to{height:20%}50%{height:84%}}@media (prefers-reduced-motion:reduce){.hyl *,.hyl:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}