@keyframes vhg-vibe-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0deg)}35%{opacity:1;transform:translate(calc(-50% + var(--tx) * .35),calc(-50% + var(--ty) * .35)) scale(1.35) rotate(180deg)}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.25) rotate(1turn)}}@keyframes vhg-vibe-ring{0%{transform:scale(.25);opacity:.9}to{transform:scale(2.6);opacity:0}}@keyframes vhg-vibe-oct-flash{0%{opacity:.9;transform:scale(.4)}40%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.8)}}@keyframes vhg-vibe-label{0%{opacity:0;transform:translateX(-50%) translateY(16px) scale(.75)}55%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.08)}to{opacity:0;transform:translateX(-50%) translateY(-14px) scale(1)}}@keyframes vhg-oct-ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}@keyframes vhg-oct-icon-idle{0%,to{transform:scale(1) translateY(0);filter:brightness(1)}50%{transform:scale(1.06) translateY(-2px);filter:brightness(1.2)}}@keyframes vhg-oct-icon-vibe{0%,to{transform:scale(1) rotate(0deg);filter:brightness(1.2) drop-shadow(0 0 6px currentColor)}25%{transform:scale(1.18) rotate(-8deg);filter:brightness(1.5) drop-shadow(0 0 12px currentColor)}75%{transform:scale(1.12) rotate(5deg);filter:brightness(1.4)}}.vhg-vibe-oct--pop{animation:vhg-oct-pop .45s cubic-bezier(.34,1.56,.64,1)!important}@keyframes vhg-oct-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.vhg-screen-flash{position:fixed;background:radial-gradient(ellipse at center,transparent 30%,rgba(140,100,255,.22) 100%);animation:vhg-flash-out .38s ease-out forwards}.vhg-viewer--heat-2 .vhg-screen-flash,.vhg-viewer--heat-3 .vhg-screen-flash{background:radial-gradient(ellipse at center,transparent 30%,rgba(255,100,0,.25) 100%)}.vhg-viewer--heat-4 .vhg-screen-flash,.vhg-viewer--heat-5 .vhg-screen-flash{background:radial-gradient(ellipse at center,transparent 20%,rgba(255,215,0,.28) 100%)}@keyframes vhg-flash-out{0%{opacity:1}to{opacity:0}}.vhg-viewer--heat-4{--heat-edge:rgba(255,215,0,0.55)}.vhg-viewer--heat-5{--heat-edge:rgba(255,80,255,0.65)}.vhg-viewer--heat-4:before,.vhg-viewer--heat-5:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px var(--heat-edge,transparent);pointer-events:none;animation:vhg-heat-pulse 2s ease-in-out infinite;z-index:1}.vhg-combo-badge--chroma{text-shadow:2px 0 0 rgba(255,0,0,.6),-2px 0 0 rgba(0,200,255,.6),0 0 30px rgba(255,215,0,.9),0 0 60px rgba(255,215,0,.4);animation:vhg-combo-in .35s cubic-bezier(.34,1.56,.64,1) forwards,vhg-combo-out .4s ease-in 1.4s forwards,vhg-chroma-shift .12s ease-in-out infinite alternate}@keyframes vhg-chroma-shift{0%{letter-spacing:.04em}to{letter-spacing:.07em}}@keyframes vhg-vibe-callout-glow{0%,to{opacity:.85;text-shadow:0 0 12px rgba(200,200,255,.6)}50%{opacity:1;text-shadow:0 0 24px rgba(180,140,255,.95),0 0 48px rgba(100,80,255,.4)}}.vhg-viral-row{animation:vhg-vibe-callout-glow 1.8s ease-in-out infinite}.vhg-vibe-oct{position:relative;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:filter .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.vhg-vibe-oct:hover{transform:scale(1.08) translateY(-2px);filter:drop-shadow(0 0 12px currentColor)}.vhg-vibe-oct:active{transform:scale(.92)}.vhg-vibe-oct--vibed{filter:drop-shadow(0 0 8px rgba(200,160,255,.7))}.vhg-vibe-oct-glow-screen{position:relative;display:inline-flex;align-items:center;justify-content:center}.vhg-vibe-oct-glow-screen:before{content:"";position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,var(--oct-glow,rgba(140,100,255,.35)) 0,transparent 70%);animation:vhg-oct-halo-breathe 3s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes vhg-oct-halo-breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.18);opacity:1}}.vhg-vibe-oct-glow-screen:after{content:"";position:absolute;inset:0;border-radius:4px;background:repeating-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0) 3px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 4px);pointer-events:none;z-index:1;animation:vhg-oct-scanline 8s linear infinite}@keyframes vhg-oct-scanline{0%{background-position:0 0}to{background-position:0 40px}}.vhg-vibe-badge{font-variant-numeric:tabular-nums;letter-spacing:-.02em;animation:vhg-badge-in .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes vhg-badge-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.vhg-vibe-oct--tier-1{--oct-glow:rgba(180,120,255,0.50)}.vhg-vibe-oct--tier-2{--oct-glow:rgba(255,100,30,0.60)}.vhg-vibe-oct--tier-3{--oct-glow:rgba(80,180,255,0.65)}.vhg-vibe-oct--tier-4{--oct-glow:rgba(255,200,80,0.70)}.vhg-vibe-oct--tier-5{--oct-glow:rgba(255,215,0,0.85)}.vhg-vibe-oct--tier-6{--oct-glow:rgba(255,100,255,0.90)}.vhg-viewer-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vdm-hv-bottom-row .vhg-vibe-oct-glow-screen{margin-right:6px}@media (max-width:480px){.vhg-vibe-oct{transform:scale(.9)}.vhg-vibe-oct:hover{transform:scale(.96) translateY(-1px)}}@keyframes vb-particle{0%{transform:translate(-50%,-50%) rotate(0deg);opacity:1}60%{opacity:.85}to{transform:translate(calc(-50% + var(--vb-tx)),calc(-50% + var(--vb-ty))) rotate(var(--vb-spin));opacity:0}}@keyframes vb-shockwave{0%{transform:scale(.25);opacity:.95}55%{opacity:.4}to{transform:scale(1);opacity:0}}@keyframes vb-core-flash{0%{transform:scale(0) rotate(0deg);opacity:1}35%{transform:scale(1.1) rotate(15deg);opacity:.9}to{transform:scale(.6) rotate(30deg);opacity:0}}@keyframes vb-spark{0%{transform:rotate(var(--spark-angle,0deg)) scaleX(0);opacity:1;transform-origin:0 50%}60%{opacity:.7}to{transform:rotate(var(--spark-angle,0deg)) scaleX(1);opacity:0;transform-origin:0 50%}}@keyframes vb-tier-label{0%{transform:translateX(-50%) translateY(0) scale(.6);opacity:0}20%{transform:translateX(-50%) translateY(-8px) scale(1.05);opacity:1}75%{opacity:1}to{transform:translateX(-50%) translateY(-20px) scale(.9);opacity:0}}@keyframes vb-combo-label{0%{transform:translateX(-50%) scale(.5);opacity:0}15%{transform:translateX(-50%) scale(1.15);opacity:1}80%{opacity:1}to{transform:translateX(-50%) scale(.9);opacity:0}}@keyframes vb-combo-label-mega{0%{transform:translateX(-50%) scale(.4) rotate(-6deg);opacity:0}12%{transform:translateX(-50%) scale(1.3) rotate(3deg);opacity:1}80%{opacity:1}to{transform:translateX(-50%) scale(1) rotate(0deg);opacity:0}}@keyframes vo-ring-h0{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.03)}}@keyframes vo-ring-h1{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.05)}}@keyframes vo-ring-h2{0%,to{opacity:.45;transform:scale(1)}40%{opacity:.8;transform:scale(1.07)}}@keyframes vo-ring-h3{0%{opacity:.55;transform:scale(1)}35%{opacity:.9;transform:scale(1.09)}to{opacity:.55;transform:scale(1)}}@keyframes vo-ring-h4{0%{opacity:.65;transform:scale(1);filter:brightness(1)}30%{opacity:1;transform:scale(1.12);filter:brightness(1.3)}to{opacity:.65;transform:scale(1);filter:brightness(1)}}@keyframes vo-ring-h5{0%{opacity:.75;transform:scale(1);filter:brightness(1) hue-rotate(0deg)}25%{opacity:1;transform:scale(1.14);filter:brightness(1.5) hue-rotate(15deg)}50%{opacity:.85;transform:scale(1.08);filter:brightness(1.2) hue-rotate(-10deg)}to{opacity:.75;transform:scale(1);filter:brightness(1) hue-rotate(0deg)}}@keyframes vo-emoji-idle{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-1.5px)}}@keyframes vo-emoji-vibed{0%{transform:scale(1) rotate(0deg)}15%{transform:scale(1.22) rotate(-8deg)}35%{transform:scale(.92) rotate(5deg)}55%{transform:scale(1.1) rotate(-3deg)}80%{transform:scale(1.02) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}@keyframes vo-charge-trace{0%{clip-path:polygon(50% 0,50% 0,50% 0,50% 0,50% 0,50% 0,50% 0,50% 0);opacity:.6}to{clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%);opacity:1}}@keyframes vo-charge-trace-done{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}to{opacity:0;transform:scale(1.1)}}@keyframes vo-badge-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes vhg-screen-flash-1{0%{opacity:.08}to{opacity:0}}@keyframes vhg-screen-flash-2{0%{opacity:.18}to{opacity:0}}@keyframes vhg-screen-flash-3{0%{opacity:0}8%{opacity:.32}to{opacity:0}}.vb-root{width:0;height:0;z-index:var(--vhg-zv-burst,22)}.vb-root,.vb-shockwave{position:absolute;pointer-events:none}.vb-shockwave{border-radius:50%;border:2px solid transparent;animation:vb-shockwave .58s cubic-bezier(.22,1,.36,1) forwards}.vb-shockwave--1{animation-duration:.54s}.vb-shockwave--2{animation-duration:.62s;border-width:1.5px}.vb-shockwave--3{animation-duration:.72s;border-width:1px}.vb-core-flash{width:48px;height:48px;margin-left:-24px;margin-top:-24px;clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%);animation:vb-core-flash .38s ease-out forwards}.vb-core-flash,.vb-spark{position:absolute;pointer-events:none}.vb-spark{border-radius:1px;animation:vb-spark .28s ease-out forwards;transform-origin:0 50%}.vb-particle{position:absolute;line-height:1;transform:translate(-50%,-50%);animation:vb-particle var(--vb-dur,.7s) cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}.vb-tier-label{top:-38px;letter-spacing:-.01em;animation:vb-tier-label 1s ease-out forwards}.vb-combo-label,.vb-tier-label{position:absolute;left:50%;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none}.vb-combo-label{top:-26px;font-size:20px;animation:vb-combo-label .95s ease-out forwards}.vb-combo-label--mega{font-size:26px;animation:vb-combo-label-mega 1.1s ease-out forwards}.vo-root{outline:none}.vo-root:focus-visible .vo-face{outline:2px solid var(--primary-color,#4f8ef7);outline-offset:4px}.vo-ring--h0{animation:vo-ring-h0 3.2s ease-in-out infinite}.vo-ring--h1{animation:vo-ring-h1 2.4s ease-in-out infinite}.vo-ring--h2{animation:vo-ring-h2 2s ease-in-out infinite}.vo-ring--h3{animation:vo-ring-h3 1.7s ease-in-out infinite}.vo-ring--h4{animation:vo-ring-h4 1.3s ease-in-out infinite}.vo-ring--h5{animation:vo-ring-h5 1s ease-in-out infinite}.vo-emoji--idle{animation:vo-emoji-idle 3s ease-in-out infinite}.vo-emoji--vibed{animation:vo-emoji-vibed 1.8s ease-in-out infinite}.vo-charge-trace{pointer-events:none;background:transparent;border:2px solid var(--primary-color,#4f8ef7);box-shadow:0 0 8px var(--primary-color,#4f8ef7),inset 0 0 8px var(--primary-color,#4f8ef7);animation:vo-charge-trace .46s ease-out forwards;z-index:5}.vo-charge-trace--done{animation:vo-charge-trace-done .22s ease-out forwards}.vo-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:#fff;padding:0 4px;z-index:3;font-variant-numeric:tabular-nums;pointer-events:none}.vo-badge--vibed{animation:vo-badge-pop .38s cubic-bezier(.34,1.56,.64,1)}.vhg-screen-flash{position:absolute;inset:0;pointer-events:none;z-index:var(--vhg-zv-flash,5);background:var(--primary-color,#4f8ef7);border-radius:inherit}.vhg-screen-flash--1{animation:vhg-screen-flash-1 .3s ease-out forwards}.vhg-screen-flash--2{animation:vhg-screen-flash-2 .35s ease-out forwards}.vhg-screen-flash--3{animation:vhg-screen-flash-3 .42s ease-out forwards}.vsp-canvas{border-radius:0;display:block}@media (prefers-reduced-motion:reduce){.vb-root *,.vhg-screen-flash,.vo-emoji--idle,.vo-emoji--vibed,.vo-ring{animation:none!important;transition:none!important}.vb-core-flash,.vb-particle,.vb-shockwave,.vb-spark,.vsp-canvas{display:none}}