.vnb-bar{isolation:isolate;contain:layout style;--vnb-profile-color:#2563eb;--vnb-profile-glow:rgba(37,99,235,0.40);--vnb-profile-bg:rgba(37,99,235,0.09);--vnb-profile-bg-active:rgba(37,99,235,0.18);--vnb-plug-color:#059669;--vnb-plug-glow:rgba(5,150,105,0.40);--vnb-plug-bg:rgba(5,150,105,0.09);--vnb-plug-bg-active:rgba(5,150,105,0.18);--vnb-drops-color:#8b5cf6;--vnb-drops-glow:rgba(139,92,246,0.44);--vnb-drops-bg:rgba(139,92,246,0.11);--vnb-drops-bg-active:rgba(139,92,246,0.22);--vnb-dms-color:#d97706;--vnb-dms-glow:rgba(217,119,6,0.40);--vnb-dms-bg:rgba(217,119,6,0.09);--vnb-dms-bg-active:rgba(217,119,6,0.18);--vnb-crowd-color:#0891b2;--vnb-crowd-glow:rgba(8,145,178,0.40);--vnb-crowd-bg:rgba(8,145,178,0.09);--vnb-crowd-bg-active:rgba(8,145,178,0.18);--vnb-oct-clip:polygon(8% 0%,92% 0%,100% 8%,100% 92%,92% 100%,8% 100%,0% 92%,0% 8%);--vnb-bar-corner:16px;--vnb-bar-clip:polygon(var(--vnb-bar-corner) 0,calc(100% - var(--vnb-bar-corner)) 0,100% var(--vnb-bar-corner),100% calc(100% - var(--vnb-bar-corner)),calc(100% - var(--vnb-bar-corner)) 100%,var(--vnb-bar-corner) 100%,0 calc(100% - var(--vnb-bar-corner)),0 var(--vnb-bar-corner));--vnb-gold:var(--gold-color,#d4af37);--vnb-gold-light:var(--gold-light,#ffd700);--vnb-gold-dark:var(--gold-dark,#b8860b);--vnb-gold-metal:var(--gradient-gold-metallic,linear-gradient(135deg,#ffd700 0%,#d4af37 25%,#b8860b 50%,#d4af37 75%,#ffd700 100%));--vnb-gold-glow:var(--glow-gold,0 0 18px rgba(255,215,0,0.55));--vnb-gold-shadow:var(--shadow-gold,0 0 12px rgba(212,175,55,0.45),0 2px 8px rgba(184,134,11,0.30));position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:6px 16px;box-sizing:border-box;overflow:visible}.vnb-bar:before{inset:-1.5px;background:var(--vnb-gold-metal);background-size:300% 300%;animation:vnb-gold-flow 4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.35));z-index:-2}.vnb-bar:after,.vnb-bar:before{content:"";position:absolute;clip-path:var(--vnb-bar-clip);pointer-events:none}.vnb-bar:after{inset:0;background:var(--background-secondary);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 1px var(--border-color);filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));z-index:-1}.vnb-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-width:0;padding:6px 2px 5px;border:none;border-radius:var(--border-radius-md);background:transparent;cursor:pointer;font-family:var(--font-primary);text-decoration:none;transition:background .2s ease,transform .17s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;-webkit-tap-highlight-color:transparent;overflow:visible}.vnb-btn:active{transform:scale(.92)}.vnb-btn--profile{color:var(--vnb-profile-color)}.vnb-btn--plug{color:var(--vnb-plug-color)}.vnb-btn--drops{color:var(--vnb-drops-color)}.vnb-btn--dms{color:var(--vnb-dms-color)}.vnb-btn--crowd{color:var(--vnb-crowd-color)}.vnb-btn--profile:hover{background:var(--vnb-profile-bg)}.vnb-btn--plug:hover{background:var(--vnb-plug-bg)}.vnb-btn--dms:hover{background:var(--vnb-dms-bg)}.vnb-btn--crowd:hover{background:var(--vnb-crowd-bg)}.vnb-btn--profile.vnb-btn--active{background:var(--vnb-profile-bg-active);box-shadow:inset 0 0 0 1.5px var(--vnb-profile-color),0 0 14px var(--vnb-profile-glow)}.vnb-btn--plug.vnb-btn--active{background:var(--vnb-plug-bg-active);box-shadow:inset 0 0 0 1.5px var(--vnb-plug-color),0 0 14px var(--vnb-plug-glow)}.vnb-btn--dms.vnb-btn--active{background:var(--vnb-dms-bg-active);box-shadow:inset 0 0 0 1.5px var(--vnb-dms-color),0 0 14px var(--vnb-dms-glow)}.vnb-btn--crowd.vnb-btn--active{background:var(--vnb-crowd-bg-active);box-shadow:inset 0 0 0 1.5px var(--vnb-crowd-color),0 0 14px var(--vnb-crowd-glow)}.vnb-btn--center{flex:1.3 1 0;padding:0 2px 5px;border-radius:0!important;border:none!important;overflow:visible;justify-content:flex-end}.vnb-btn--center,.vnb-btn--center:hover{background:transparent!important;box-shadow:none!important}.vnb-btn--center:active{transform:scale(.92)}.vnb-flame{position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:11px;height:15px;pointer-events:none;z-index:10;filter:drop-shadow(0 0 3px rgba(255,215,0,.65));opacity:.82;transition:opacity .18s ease,filter .18s ease,transform .18s ease}.vnb-btn--active .vnb-flame,.vnb-btn:hover .vnb-flame{opacity:1;filter:drop-shadow(0 0 6px rgba(255,215,0,.9));transform:translateX(-50%) translateY(-2px) scale(1.14)}.vnb-flame--lg{width:15px;height:20px;top:-12px;z-index:10}.vnb-ico-wrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.vnb-btn:hover .vnb-ico-wrap{transform:translateY(-1px) scale(1.08)}.vnb-btn--active .vnb-ico-wrap{transform:scale(1.05)}.vnb-ico{width:100%;height:100%;flex-shrink:0}@keyframes vnb-idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.vnb-btn:not(.vnb-btn--center):not(:hover):not(.vnb-btn--active) .vnb-ico-wrap{animation:vnb-idle-float 3.2s ease-in-out infinite}.vnb-btn--profile .vnb-ico-wrap{animation-delay:0s}.vnb-btn--plug .vnb-ico-wrap{animation-delay:.5s}.vnb-btn--dms .vnb-ico-wrap{animation-delay:1s}.vnb-btn--crowd .vnb-ico-wrap{animation-delay:1.5s}.vnb-label{font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.55px;line-height:1;white-space:nowrap;opacity:.75;transition:opacity .17s ease}.vnb-btn--active .vnb-label,.vnb-btn:hover .vnb-label{opacity:1}.vnb-label--center{font-size:9px;letter-spacing:.7px}.vnb-drop{position:relative;width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);margin-top:-8px;margin-bottom:2px;animation:vnb-oct-breathe 4s ease-in-out infinite}@keyframes vnb-oct-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.vnb-btn--center:hover .vnb-drop{animation-play-state:paused;transform:scale(1.08) translateY(-2px)}.vnb-btn--center:active .vnb-drop{transform:scale(.93)}.vnb-drop-ring{position:absolute;inset:-5px;clip-path:var(--vnb-oct-clip);background:var(--vnb-drops-color);opacity:.2;animation:vnb-oct-pulse 2.8s ease-in-out infinite;z-index:0}@keyframes vnb-oct-pulse{0%,to{opacity:.16;transform:scale(1)}50%{opacity:.34;transform:scale(1.07)}}.vnb-btn--center:hover .vnb-drop-ring{animation:vnb-oct-pulse-hover 1.5s ease-in-out infinite}@keyframes vnb-oct-pulse-hover{0%,to{opacity:.3;transform:scale(1.04)}50%{opacity:.52;transform:scale(1.12)}}.vnb-drop-border{position:absolute;inset:-1px;clip-path:var(--vnb-oct-clip);background:var(--vnb-gold-metal);background-size:300% 300%;animation:vnb-gold-flow 3.2s ease-in-out infinite;z-index:1;filter:drop-shadow(0 0 6px rgba(255,215,0,.7)) drop-shadow(0 0 14px rgba(212,175,55,.45));opacity:.92;transition:opacity .2s ease,filter .2s ease}@keyframes vnb-gold-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.vnb-btn--center:hover .vnb-drop-border{opacity:1;filter:drop-shadow(0 0 10px rgba(255,215,0,.95)) drop-shadow(0 0 22px rgba(212,175,55,.55));animation-duration:1.8s}.vnb-drop-body{position:absolute;inset:1.5px;clip-path:var(--vnb-oct-clip);background:color-mix(in srgb,var(--vnb-drops-color) 20%,var(--background-secondary));display:flex;align-items:center;justify-content:center;z-index:2;overflow:hidden;transition:background .2s ease;box-shadow:inset 0 0 14px color-mix(in srgb,var(--vnb-drops-color) 22%,transparent)}.vnb-drop-body:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--vnb-drops-color) 32%,transparent) 0,transparent 68%);pointer-events:none;z-index:1;opacity:.7;transition:opacity .2s ease}.vnb-btn--center:hover .vnb-drop-body{background:color-mix(in srgb,var(--vnb-drops-color) 30%,var(--background-secondary))}.vnb-btn--center:hover .vnb-drop-body:after{opacity:1}.vnb-drop-ico{position:relative;z-index:2;width:34px;height:34px;transition:transform .2s ease}.vnb-btn--center:hover .vnb-drop-ico{transform:scale(1.06)}.vnb-btn--drops.vnb-btn--active .vnb-drop-border{filter:drop-shadow(0 0 12px rgba(255,215,0,1)) drop-shadow(0 0 26px rgba(139,92,246,.6));opacity:1;animation-duration:1.6s}.vnb-btn--drops.vnb-btn--active .vnb-drop-body{background:color-mix(in srgb,var(--vnb-drops-color) 30%,var(--background-secondary))}.vnb-btn--drops.vnb-btn--active .vnb-drop-ring{animation:vnb-oct-pulse-active 1.9s ease-in-out infinite}@keyframes vnb-oct-pulse-active{0%,to{opacity:.38;transform:scale(1.05)}50%{opacity:.62;transform:scale(1.14)}}.vnb-bar-dots{inset:-1.5px}.vnb-bar-dots,.vnb-drop-dots{position:absolute;pointer-events:none;z-index:3}.vnb-drop-dots{inset:-1px}.vnb-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--vnb-gold-metal);box-shadow:0 0 4px rgba(255,215,0,.65),0 0 1px rgba(0,0,0,.25);transform:translate(-50%,-50%);pointer-events:none;animation:vnb-dot-twinkle 3.4s ease-in-out infinite}@keyframes vnb-dot-twinkle{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}}.vnb-dot:first-of-type{animation-delay:0s}.vnb-dot:nth-of-type(2){animation-delay:.2s}.vnb-dot:nth-of-type(3){animation-delay:.4s}.vnb-dot:nth-of-type(4){animation-delay:.6s}.vnb-dot:nth-of-type(5){animation-delay:.8s}.vnb-dot:nth-of-type(6){animation-delay:1s}.vnb-dot:nth-of-type(7){animation-delay:1.2s}.vnb-dot:nth-of-type(8){animation-delay:1.4s}.vnb-bar-dot{z-index:3}.vnb-bar-dot--1{top:0;left:var(--vnb-bar-corner)}.vnb-bar-dot--2{top:0;right:var(--vnb-bar-corner)}.vnb-bar-dot--3{top:var(--vnb-bar-corner);right:0}.vnb-bar-dot--4{bottom:var(--vnb-bar-corner);right:0}.vnb-bar-dot--5{bottom:0;right:var(--vnb-bar-corner)}.vnb-bar-dot--6{bottom:0;left:var(--vnb-bar-corner)}.vnb-bar-dot--7{bottom:var(--vnb-bar-corner);left:0}.vnb-bar-dot--8{top:var(--vnb-bar-corner);left:0}.vnb-drop-dot{width:4px;height:4px;z-index:3}.vnb-drop-dot--1{top:0;left:8%}.vnb-drop-dot--2{top:0;left:92%}.vnb-drop-dot--3{top:8%;left:100%}.vnb-drop-dot--4{top:92%;left:100%}.vnb-drop-dot--5{top:100%;left:92%}.vnb-drop-dot--6{top:100%;left:8%}.vnb-drop-dot--7{top:92%;left:0}.vnb-drop-dot--8{top:8%;left:0}@media (max-width:400px){.vnb-bar-dot{width:4px;height:4px}.vnb-drop-dot{width:3px;height:3px}}@media (max-width:340px){.vnb-drop-dot{width:2.5px;height:2.5px}}@media (max-width:400px){.vnb-bar{gap:2px;padding:3px 12px;--vnb-bar-corner:12px}.vnb-btn{padding:5px 2px 4px;gap:2px}.vnb-ico-wrap{width:24px;height:24px}.vnb-label{font-size:7.5px;letter-spacing:.4px}.vnb-flame{width:9px;height:13px;top:-8px}.vnb-flame--lg{width:13px;height:17px;top:-10px}.vnb-drop{width:48px;height:48px;margin-top:-6px}.vnb-drop-ico{width:28px;height:28px}.vnb-btn--center{padding:0 2px 4px}}@media (max-width:340px){.vnb-label{display:none}.vnb-drop{width:42px;height:42px}.vnb-drop-ico{width:24px;height:24px}}@media (hover:hover){.vnb-btn:not(.vnb-btn--center):hover{transform:translateY(-1px)}.vnb-btn:active{transform:scale(.92)!important}}@media (prefers-reduced-motion:reduce){.vnb-bar:after,.vnb-bar:before,.vnb-btn,.vnb-dot,.vnb-drop,.vnb-drop-border,.vnb-drop-ico,.vnb-drop-ring,.vnb-flame,.vnb-ico-wrap,.vnb-label{animation:none!important;transition:none!important}.vnb-drop-ring{opacity:.22}.vnb-dot{opacity:.85}}.vnb-badge{position:absolute;top:-6px;right:-7px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:9.5px;font-weight:900;line-height:1;font-family:var(--font-primary);letter-spacing:-.01em;color:var(--color-white,#fff);z-index:12;box-shadow:0 0 0 2px var(--background-secondary),0 2px 6px rgba(0,0,0,.35);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:vnb-badge-in .3s cubic-bezier(.34,1.56,.64,1) both;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.vnb-badge--standalone{pointer-events:auto;cursor:pointer}.vnb-badge--standalone:active{transform:scale(.88)}.vnb-badge--mint{background:linear-gradient(135deg,var(--teal-color,#14b8a6) 0,color-mix(in srgb,var(--teal-color,#14b8a6) 60%,#000) 100%)}.vnb-badge--gold{background:linear-gradient(135deg,var(--gold-light,#ffd700) 0,var(--gold-dark,#b8860b) 100%);color:#241c02}.vnb-badge--accent{background:linear-gradient(135deg,var(--accent-color,#dc2626) 0,color-mix(in srgb,var(--accent-color,#dc2626) 60%,#000) 100%)}.vnb-badge--ruby{background:linear-gradient(135deg,var(--error-color,#dc2626) 0,color-mix(in srgb,var(--error-color,#dc2626) 60%,#000) 100%)}.vnb-badge--pink{background:linear-gradient(135deg,var(--pink-color,#ec4899) 0,var(--pink-dark,#db2777) 100%)}.vnb-drop .vnb-badge{top:-3px;right:0;z-index:5}@keyframes vnb-badge-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.vnb-badge--bump{animation:vnb-badge-bump .5s cubic-bezier(.34,1.56,.64,1)}@keyframes vnb-badge-bump{0%{transform:scale(1)}35%{transform:scale(1.45)}60%{transform:scale(.9)}to{transform:scale(1)}}.vnb-bar--pulse:before{filter:drop-shadow(0 0 8px rgba(255,215,0,.35)) drop-shadow(0 0 20px rgba(212,175,55,.3));animation-duration:2s}@media (prefers-reduced-motion:reduce){.vnb-badge,.vnb-badge--bump,.vnb-bar--pulse:before{animation:none!important;transition:none!important}}