/* Vibro.X Genesis: preserve original neon/glass visuals, improve compositing. */
:root { --vibro-aura:#d42d4b; }
html {scroll-behavior:smooth} .video-card {content-visibility:visible;contain-intrinsic-size:none;transform:translateZ(0)}
.video-card img {object-fit:cover} .cursor-dot,.cursor-outline{will-change:transform;pointer-events:none}
.gradient-bg,.floating-element {will-change:transform} body.vibro-idle .floating-element,body.vibro-idle .gradient-bg {animation-play-state:paused!important}
body.vibro-playback #particles-js,body.vibro-playback .floating-element {opacity:.3;transition:opacity .4s ease}
.video-player-container {position:relative;isolation:isolate}
.video-player-container::before {content:'';position:absolute;inset:8% 2% 45%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,var(--vibro-aura),transparent 68%);opacity:.34;filter:blur(56px);transform:scale(1.04);transition:background 1s ease,opacity .6s ease}
.video-player {position:relative;z-index:1;box-shadow:0 18px 60px #0008, 0 0 55px color-mix(in srgb,var(--vibro-aura) 33%,transparent);transition:box-shadow .55s ease,transform .36s ease}
body.vibro-aura-off .video-player-container::before{opacity:0}body.vibro-aura-off .video-player{box-shadow:0 18px 60px #0008}
.vibro-utility-row {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:9px 0 16px;position:relative;z-index:10}
.vibro-pill {font:600 12px Inter,system-ui,sans-serif;border:1px solid #ffffff22;color:#f1eff5;background:linear-gradient(145deg,#ffffff15,#ffffff08);border-radius:999px;padding:9px 13px;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.vibro-pill:hover{background:#ffffff25;transform:translateY(-1px);border-color:#ed416c7d}
.vibro-pill[aria-pressed=true]{background:#fc31582e;border-color:#f74e76;color:#fff}
.vibro-pill:focus-visible{outline:2px solid #f7678b;outline-offset:3px}
.vibro-toolbar-title{font-size:11px;letter-spacing:1.8px;color:#ed6b91;font-weight:800;text-transform:uppercase;margin-right:8px}
.vibro-status{font-size:11px;color:var(--text-tertiary);margin-left:auto}
.vibro-recommended{width:100%;border:1px solid #ffffff12;cursor:pointer;text-align:left;background:#ffffff07;color:inherit;border-radius:15px;padding:9px;margin:0 0 10px;display:grid;grid-template-columns:110px 1fr;gap:11px;transition:background .2s,transform .2s}
.vibro-recommended:hover{background:#fa406918;transform:translateY(-1px)}
.vibro-recommended img{width:110px;height:70px;object-fit:cover;border-radius:9px}
.vibro-recommended strong{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vibro-recommended small{font-size:11px;color:var(--text-tertiary);display:block;margin-top:6px}
.vibro-timeline-wrap {position:relative;margin-top:5px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.vibro-timeline {width:100%;min-width:0;accent-color:#f43865;cursor:pointer}
.vibro-timeline-preview{font-size:11px;white-space:nowrap;color:var(--text-secondary);min-width:84px;text-align:right;font-variant-numeric:tabular-nums}
.vibro-upload-progress {width:100%;height:7px;margin:8px 0;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#ffffff20}
.vibro-upload-progress::-webkit-progress-bar {background:#ffffff20}.vibro-upload-progress::-webkit-progress-value{background:linear-gradient(90deg,#e31337,#fe8eae)}.vibro-upload-progress::-moz-progress-bar{background:#ef385b}
body.vibro-theater .video-modal .modal-content {width:min(97vw,1800px);max-width:none;height:97vh;max-height:97vh}
body.vibro-theater .video-modal .modal-body {grid-template-columns:minmax(0,1fr) minmax(240px,300px)}
body.vibro-theater .video-player{max-height:75vh;object-fit:contain}
body.vibro-theater .video-player-container::before{opacity:.55}
body.vibro-theater .video-modal{background:rgba(2,0,5,.97)}
body.vibro-fx-balanced #particles-js{opacity:.72}body.vibro-fx-playback #particles-js{opacity:.25}
@media(max-width:880px){.vibro-utility-row{gap:6px}.vibro-pill{padding:7px 10px;font-size:11px}.vibro-status{display:none}body.vibro-theater .video-modal .modal-body{display:block}body.vibro-theater .video-player{max-height:50vh}}
@media(prefers-reduced-motion:reduce){.vibro-pill,.vibro-recommended,.video-player{transition:none}.video-card{animation:none!important}.video-player-container::before{filter:blur(18px);opacity:.1}}