/* QuickVisa motion and first-paint fixes v1.3 */
@property --button-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.qv-button,.qv-icon-button,.qv-avatar,.qv-collapse,.qv-setting,.qv-segment button,.qv-palettes button,.qv-effects button,.qv-drawer header button{position:relative;isolation:isolate;overflow:hidden}
.qv-button:after,.qv-icon-button:after,.qv-avatar:after,.qv-collapse:after,.qv-setting:after,.qv-segment button:after,.qv-palettes button:after,.qv-effects button:after,.qv-drawer header button:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--button-angle),transparent 0 62%,rgba(var(--accent-rgb),.18) 68%,var(--accent) 73%,#fff 76%,var(--accent2) 79%,transparent 86%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:qvButtonOrbit 4s linear infinite;filter:drop-shadow(0 0 2px var(--accent2));z-index:5}
@keyframes qvButtonOrbit{to{--button-angle:360deg}}
.qv-nav-item{position:relative;isolation:isolate;overflow:hidden}.qv-nav-item.active:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--button-angle),transparent 0 58%,var(--accent) 69%,#fff 73%,var(--accent2) 77%,transparent 86%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:qvButtonOrbit 3.6s linear infinite;filter:drop-shadow(0 0 3px var(--accent2));z-index:5}.qv-nav-item.active{box-shadow:inset 3px 0 0 transparent,inset 0 0 24px rgba(var(--accent-rgb),.06)}
.qv-brand img{animation:qvSidebarLogo 3.2s ease-in-out infinite;filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(var(--accent-rgb),.4))}@keyframes qvSidebarLogo{50%{filter:brightness(0) invert(1) drop-shadow(0 0 10px var(--accent2)) drop-shadow(0 0 22px rgba(var(--accent-rgb),.42))}}
.qv-modal{transition:opacity .12s linear;will-change:opacity}.qv-modal-bg{background:rgba(1,5,11,.76);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.qv-modal-card{transform:translate3d(0,8px,0) scale(.985);opacity:.2;transition:transform .15s ease-out,opacity .12s linear;will-change:transform,opacity;backface-visibility:hidden}.qv-modal.open .qv-modal-card{transform:translate3d(0,0,0) scale(1);opacity:1}
.qv-security{height:70px;min-height:70px;margin-top:auto;margin-left:-14px;margin-right:-14px;margin-bottom:-18px;padding:0 22px;align-content:center}.qv-footer{height:70px;min-height:70px;margin-top:74px;padding:0;align-content:center}
.qv-bg:before,.qv-bg:after{content:"";position:absolute;pointer-events:none}.qv-bg:before{inset:-20%;background-image:radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(var(--accent-rgb),.78) 0 1.2px,transparent 1.8px);background-size:94px 94px,151px 151px;background-position:0 0,33px 51px;opacity:.3;animation:qvParticleDrift 16s linear infinite}.qv-bg:after{inset:-25%;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse at 30% 50%,rgba(var(--accent-rgb),.16),transparent 34%),radial-gradient(ellipse at 72% 42%,rgba(43,215,255,.1),transparent 32%)}
@keyframes qvParticleDrift{to{transform:translate3d(47px,94px,0)}}
.effect-aurora .qv-bg:before{background:none;opacity:0}.effect-aurora .qv-bg:after{opacity:1;filter:blur(24px);animation:qvAuroraMove 9s ease-in-out infinite alternate}@keyframes qvAuroraMove{0%{transform:translate3d(-5%,-3%,0) rotate(-4deg) scale(1)}100%{transform:translate3d(6%,5%,0) rotate(5deg) scale(1.14)}}
.effect-wave .qv-bg:before{opacity:.5;background:repeating-radial-gradient(ellipse at 50% 100%,rgba(var(--accent-rgb),.13) 0 1px,transparent 2px 34px);background-size:auto;animation:qvWaveFlow 7s linear infinite}.effect-wave .qv-bg:after{opacity:.7;inset:48% -30% -30%;background:repeating-radial-gradient(ellipse at 50% 100%,rgba(43,215,255,.09) 0 1px,transparent 2px 46px);animation:qvWaveFlow 10s linear infinite reverse}@keyframes qvWaveFlow{0%{transform:translate3d(-3%,4%,0) rotate(-4deg)}50%{transform:translate3d(3%,-3%,0) rotate(1deg)}100%{transform:translate3d(-3%,4%,0) rotate(-4deg)}}
.effect-none .qv-bg:before,.effect-none .qv-bg:after,.effect-none .qv-bg>span{display:none!important}.effects-off .qv-bg:before,.effects-off .qv-bg:after{animation:none!important;opacity:.05}
@media(prefers-reduced-motion:reduce){.qv-button:after,.qv-icon-button:after,.qv-avatar:after,.qv-collapse:after,.qv-setting:after,.qv-segment button:after,.qv-palettes button:after,.qv-effects button:after,.qv-drawer header button:after,.qv-nav-item.active:after,.qv-brand img,.qv-bg:before,.qv-bg:after{animation:none!important}}