/* Desktop-first, opt-out free lightweight appearance. Layout and application features survive. */
.vx-shell-button{position:fixed;right:14px;bottom:14px;z-index:16010;background:#20232b;color:#f1f3f7;border:1px solid #4c515c;border-radius:9px;padding:9px 13px;font:600 12px system-ui;cursor:pointer;box-shadow:0 2px 8px #0008}
.vx-shell-panel{position:fixed;right:14px;bottom:57px;z-index:16011;width:min(440px,calc(100vw - 28px));max-height:min(75dvh,630px);overflow:auto;color:#ecedf2;background:#181b22;border:1px solid #505463;border-radius:13px;padding:17px;box-shadow:0 15px 50px #000c;font:13px/1.5 system-ui}
.vx-shell-panel[hidden]{display:none!important}.vx-shell-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.vx-shell-panel header strong{font-size:14px}.vx-shell-panel header button{background:#303541;border:1px solid #5b6170;color:#fff;padding:7px 12px;border-radius:6px;cursor:pointer}
.vx-shell-panel p{margin:12px 0;color:#bec4ce}.vx-shell-panel fieldset{border:1px solid #4d5260;border-radius:10px;padding:10px}.vx-shell-panel legend{font-weight:700}.vx-shell-panel fieldset label{display:grid;grid-template-columns:22px 1fr;column-gap:7px;row-gap:3px;padding:10px 6px;cursor:pointer}.vx-shell-panel fieldset label input{grid-row:span 2;accent-color:#e83f63;margin-top:4px}.vx-shell-panel fieldset label small{font-size:11px;color:#aab2bf}.vx-shell-performance{display:grid;gap:7px;margin:14px 0}.vx-shell-performance select{color:#fff;background:#303541;padding:10px;border:1px solid #6b7181;border-radius:7px}.vx-shell-note{font-size:11px}
@media (min-width:768px), (pointer:fine){
 html[data-vx-shell=clean]{color-scheme:dark}
 html[data-vx-shell=clean] body{background:#101319!important;color:#e4e7ed}
 html[data-vx-shell=clean] .background-effects,html[data-vx-shell=clean] #particles-js,html[data-vx-shell=clean] .cursor-container,html[data-vx-shell=clean] .floating-element,html[data-vx-shell=clean] #vx-redline-canvas{display:none!important}
 html[data-vx-shell=clean] *,html[data-vx-shell=clean] *::before,html[data-vx-shell=clean] *::after{animation:none!important;transition-duration:0s!important;filter:none!important;backdrop-filter:none!important;text-shadow:none!important}
 html[data-vx-shell=clean] .video-card,html[data-vx-shell=clean] .modal-content,html[data-vx-shell=clean] .card,html[data-vx-shell=clean] .panel,html[data-vx-shell=clean] .studio-panel,html[data-vx-shell=clean] .profile-card{box-shadow:0 1px 5px #0005!important;border-color:#3f4550!important}
 html[data-vx-shell=clean] .gradient-bg,html[data-vx-shell=clean] .particle,html[data-vx-shell=clean] .animated-bg{animation:none!important}
 html[data-vx-shell=clean] .vibro-utility-row,html[data-vx-shell=clean] .vibro-timeline-wrap{background:#181c24}
}
@media(max-width:767px){.vx-shell-button{right:8px;bottom:calc(79px + env(safe-area-inset-bottom));font-size:11px;padding:7px 9px}.vx-shell-panel{right:7px;bottom:calc(119px + env(safe-area-inset-bottom));width:calc(100vw - 14px);max-height:62dvh}}

/* A card remains paintable when decorative animations and filters are disabled. */
html[data-vx-shell=clean] .video-card{opacity:1!important;visibility:visible!important;content-visibility:visible!important;contain-intrinsic-size:none!important;transform:none!important;transform-style:flat!important;perspective:none!important}
html[data-vx-shell=clean] .video-card .video-title{color:#eef0f6!important;-webkit-text-fill-color:currentColor!important}