/* Video Player Skins (extracted from style.css) - loaded on the homepage so the selected Admin > Video Player Skin themes the video lightbox. */

/* ===== Video Gallery Skins (30) ===== */
.video-skin-glass {
    --vs-accent: #ffc107;
    --vs-frame-bg: rgba(255, 255, 255, 0.06);
    --vs-frame-border: rgba(255, 255, 255, 0.35);
    --vs-ph-grad: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04));
    --vs-item-bg: rgba(255, 255, 255, 0.08);
    --vs-item-border: rgba(255, 255, 255, 0.22);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.14);
    --vs-item-active-bg: rgba(255, 255, 255, 0.18);
    --vs-input-bg: rgba(255, 255, 255, 0.1);
    --vs-input-border: rgba(255, 255, 255, 0.3);
    --vs-comment-bg: rgba(255, 255, 255, 0.07);
    --vs-comment-border: rgba(255, 255, 255, 0.16);
    --vs-author: #ffc107;
}

.video-skin-neon {
    --vs-accent: #00e5ff;
    --vs-frame-bg: #0a0a18;
    --vs-frame-border: #00e5ff;
    --vs-ph-grad: linear-gradient(135deg, #0a0a18, #150a30);
    --vs-ph-text: rgba(0, 229, 255, 0.6);
    --vs-title: #00e5ff;
    --vs-desc: rgba(0, 229, 255, 0.55);
    --vs-head: rgba(0, 229, 255, 0.7);
    --vs-item-bg: rgba(0, 229, 255, 0.06);
    --vs-item-border: rgba(0, 229, 255, 0.25);
    --vs-item-hover-bg: rgba(0, 229, 255, 0.12);
    --vs-item-active-bg: rgba(0, 229, 255, 0.16);
    --vs-item-meta: rgba(0, 229, 255, 0.5);
    --vs-input-bg: rgba(0, 229, 255, 0.08);
    --vs-input-border: rgba(0, 229, 255, 0.3);
    --vs-input-ph: rgba(0, 229, 255, 0.45);
    --vs-comment-bg: rgba(0, 229, 255, 0.05);
    --vs-comment-border: rgba(0, 229, 255, 0.16);
    --vs-author: #00e5ff;
    --vs-comment-time: rgba(0, 229, 255, 0.5);
    --vs-comments-head: rgba(0, 229, 255, 0.75);
    --vs-count-bg: rgba(0, 229, 255, 0.12);
    --vs-count-text: #00e5ff;
    --vs-empty: rgba(0, 229, 255, 0.45);
}

.video-skin-flat {
    --vs-accent: var(--primary);
    --vs-frame-bg: var(--surface);
    --vs-frame-border: rgba(255, 255, 255, 0.1);
    --vs-ph-grad: linear-gradient(135deg, var(--surface-2), var(--bg-deep));
    --vs-item-bg: rgba(255, 255, 255, 0.06);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.1);
    --vs-item-active-bg: rgba(255, 255, 255, 0.14);
}

.video-skin-dark {
    --vs-accent: #fff;
    --vs-frame-bg: #0d0d0d;
    --vs-frame-border: rgba(255, 255, 255, 0.14);
    --vs-ph-grad: linear-gradient(135deg, #0d0d0d, #1c1c1c);
    --vs-item-bg: rgba(255, 255, 255, 0.05);
    --vs-item-border: rgba(255, 255, 255, 0.12);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.09);
    --vs-item-active-bg: rgba(255, 255, 255, 0.12);
    --vs-comment-bg: rgba(255, 255, 255, 0.04);
    --vs-comment-border: rgba(255, 255, 255, 0.1);
}

.video-skin-light {
    --vs-accent: #111111;
    --vs-frame-bg: #eaeaea;
    --vs-frame-border: #ddd;
    --vs-ph-grad: linear-gradient(135deg, #f7f7f7, #e2e2e2);
    --vs-ph-text: rgba(0, 0, 0, 0.55);
    --vs-title: #222;
    --vs-desc: rgba(0, 0, 0, 0.6);
    --vs-head: rgba(0, 0, 0, 0.6);
    --vs-item-bg: rgba(0, 0, 0, 0.05);
    --vs-item-border: rgba(0, 0, 0, 0.15);
    --vs-item-hover-bg: rgba(0, 0, 0, 0.09);
    --vs-item-active-bg: rgba(0, 0, 0, 0.12);
    --vs-item-active-shadow: rgba(0, 0, 0, 0.08);
    --vs-item-text: rgba(0, 0, 0, 0.8);
    --vs-item-title: #111;
    --vs-item-meta: rgba(0, 0, 0, 0.5);
    --vs-comments-border: rgba(0, 0, 0, 0.12);
    --vs-comments-head: rgba(0, 0, 0, 0.7);
    --vs-count-bg: rgba(0, 0, 0, 0.08);
    --vs-count-text: rgba(0, 0, 0, 0.6);
    --vs-user-text: rgba(0, 0, 0, 0.85);
    --vs-avatar-border: rgba(0, 0, 0, 0.2);
    --vs-input-bg: rgba(0, 0, 0, 0.06);
    --vs-input-border: rgba(0, 0, 0, 0.2);
    --vs-input-text: #111;
    --vs-input-ph: rgba(0, 0, 0, 0.45);
    --vs-send-bg: rgba(0, 0, 0, 0.08);
    --vs-send-border: rgba(0, 0, 0, 0.2);
    --vs-send-text: rgba(0, 0, 0, 0.7);
    --vs-login-bg: rgba(0, 0, 0, 0.04);
    --vs-login-border: rgba(0, 0, 0, 0.16);
    --vs-login-text: rgba(0, 0, 0, 0.6);
    --vs-comment-bg: rgba(0, 0, 0, 0.04);
    --vs-comment-border: rgba(0, 0, 0, 0.12);
    --vs-author: #111;
    --vs-comment-time: rgba(0, 0, 0, 0.5);
    --vs-comment-text: rgba(0, 0, 0, 0.8);
    --vs-empty: rgba(0, 0, 0, 0.45);
}

.video-skin-gradient {
    --vs-accent: #ffffff;
    --vs-frame-bg: #667eea;
    --vs-frame-border: #fff;
    --vs-ph-grad: linear-gradient(135deg, #667eea, #764ba2);
    --vs-ph-text: rgba(255, 255, 255, 0.8);
    --vs-title: #fff;
    --vs-desc: rgba(255, 255, 255, 0.75);
    --vs-head: rgba(255, 255, 255, 0.85);
    --vs-item-bg: rgba(255, 255, 255, 0.16);
    --vs-item-border: rgba(255, 255, 255, 0.4);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.26);
    --vs-item-active-bg: rgba(255, 255, 255, 0.3);
    --vs-item-text: rgba(255, 255, 255, 0.95);
    --vs-item-title: #fff;
    --vs-item-meta: rgba(255, 255, 255, 0.7);
    --vs-input-bg: rgba(255, 255, 255, 0.18);
    --vs-input-border: rgba(255, 255, 255, 0.45);
    --vs-input-ph: rgba(255, 255, 255, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.14);
    --vs-comment-border: rgba(255, 255, 255, 0.3);
    --vs-author: #fff;
    --vs-comment-time: rgba(255, 255, 255, 0.65);
    --vs-comment-text: rgba(255, 255, 255, 0.95);
}

.video-skin-retro {
    --vs-accent: #01d8ff;
    --vs-frame-bg: #2b0a4d;
    --vs-frame-border: #ff2e9a;
    --vs-ph-grad: linear-gradient(180deg, #2b0a4d, #1a0533);
    --vs-title: #ff2e9a;
    --vs-desc: rgba(255, 46, 154, 0.65);
    --vs-head: rgba(1, 216, 255, 0.75);
    --vs-item-bg: rgba(255, 46, 154, 0.1);
    --vs-item-border: rgba(255, 46, 154, 0.3);
    --vs-item-hover-bg: rgba(1, 216, 255, 0.12);
    --vs-item-active-bg: rgba(1, 216, 255, 0.16);
    --vs-item-text: #e7d7f7;
    --vs-item-title: #01d8ff;
    --vs-item-meta: rgba(1, 216, 255, 0.55);
    --vs-input-bg: rgba(1, 216, 255, 0.1);
    --vs-input-border: rgba(1, 216, 255, 0.35);
    --vs-input-ph: rgba(1, 216, 255, 0.5);
    --vs-comment-bg: rgba(255, 46, 154, 0.08);
    --vs-comment-border: rgba(1, 216, 255, 0.22);
    --vs-author: #01d8ff;
    --vs-comment-time: rgba(255, 46, 154, 0.5);
    --vs-comment-text: rgba(230, 215, 247, 0.95);
}

.video-skin-vapor {
    --vs-accent: #a855f7;
    --vs-frame-bg: #c9b8f0;
    --vs-frame-border: #ffffff;
    --vs-ph-grad: linear-gradient(135deg, #e0c3fc, #8ec5fc);
    --vs-ph-text: rgba(60, 30, 90, 0.7);
    --vs-title: #6b21a8;
    --vs-desc: rgba(30, 58, 138, 0.7);
    --vs-head: rgba(107, 33, 168, 0.75);
    --vs-item-bg: rgba(255, 255, 255, 0.55);
    --vs-item-border: rgba(255, 255, 255, 0.9);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.8);
    --vs-item-active-bg: rgba(255, 255, 255, 0.9);
    --vs-item-text: rgba(60, 30, 90, 0.85);
    --vs-item-title: #6b21a8;
    --vs-item-meta: rgba(60, 30, 90, 0.55);
    --vs-comments-border: rgba(107, 33, 168, 0.25);
    --vs-comments-head: rgba(107, 33, 168, 0.75);
    --vs-count-bg: rgba(255, 255, 255, 0.7);
    --vs-count-text: rgba(76, 29, 149, 0.8);
    --vs-user-text: rgba(60, 30, 90, 0.9);
    --vs-avatar-border: rgba(255, 255, 255, 0.9);
    --vs-input-bg: rgba(255, 255, 255, 0.6);
    --vs-input-border: rgba(168, 85, 247, 0.5);
    --vs-input-text: #4c1d95;
    --vs-input-ph: rgba(76, 29, 149, 0.5);
    --vs-send-bg: rgba(168, 85, 247, 0.15);
    --vs-send-border: rgba(168, 85, 247, 0.5);
    --vs-send-text: #6b21a8;
    --vs-login-bg: rgba(255, 255, 255, 0.5);
    --vs-login-border: rgba(168, 85, 247, 0.4);
    --vs-login-text: rgba(60, 30, 90, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.5);
    --vs-comment-border: rgba(168, 85, 247, 0.3);
    --vs-author: #6b21a8;
    --vs-comment-time: rgba(76, 29, 149, 0.55);
    --vs-comment-text: rgba(40, 20, 60, 0.85);
    --vs-empty: rgba(76, 29, 149, 0.5);
}

.video-skin-hologram {
    --vs-accent: #ffffff;
    --vs-frame-bg: #f5576c;
    --vs-frame-border: #fff;
    --vs-ph-grad: linear-gradient(120deg, #f093fb, #f5576c, #4facfe, #43e97b);
    --vs-ph-text: #fff;
    --vs-title: #fff;
    --vs-desc: rgba(255, 255, 255, 0.85);
    --vs-head: rgba(255, 255, 255, 0.9);
    --vs-item-bg: rgba(255, 255, 255, 0.25);
    --vs-item-border: rgba(255, 255, 255, 0.55);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.4);
    --vs-item-active-bg: rgba(255, 255, 255, 0.5);
    --vs-item-text: #fff;
    --vs-item-title: #fff;
    --vs-item-meta: rgba(255, 255, 255, 0.7);
    --vs-input-bg: rgba(255, 255, 255, 0.3);
    --vs-input-border: rgba(255, 255, 255, 0.6);
    --vs-input-ph: rgba(255, 255, 255, 0.8);
    --vs-comment-bg: rgba(255, 255, 255, 0.2);
    --vs-comment-border: rgba(255, 255, 255, 0.45);
    --vs-author: #fff;
    --vs-comment-time: rgba(255, 255, 255, 0.7);
    --vs-comment-text: #fff;
}

.video-skin-bubblegum {
    --vs-accent: #ec407a;
    --vs-frame-bg: #ffd3e0;
    --vs-frame-border: #fff;
    --vs-ph-grad: linear-gradient(135deg, #ff9a9e, #fecfef);
    --vs-ph-text: rgba(173, 20, 87, 0.7);
    --vs-title: #d81b60;
    --vs-desc: rgba(173, 20, 87, 0.7);
    --vs-head: rgba(173, 20, 87, 0.75);
    --vs-item-bg: rgba(255, 255, 255, 0.6);
    --vs-item-border: rgba(255, 255, 255, 0.95);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.85);
    --vs-item-active-bg: rgba(255, 255, 255, 0.95);
    --vs-item-text: rgba(120, 20, 60, 0.85);
    --vs-item-title: #ad1457;
    --vs-item-meta: rgba(173, 20, 87, 0.55);
    --vs-comments-border: rgba(216, 27, 96, 0.25);
    --vs-comments-head: rgba(173, 20, 87, 0.75);
    --vs-count-bg: rgba(255, 255, 255, 0.7);
    --vs-count-text: rgba(216, 27, 96, 0.8);
    --vs-user-text: rgba(173, 20, 87, 0.9);
    --vs-input-bg: rgba(255, 255, 255, 0.7);
    --vs-input-border: rgba(236, 64, 122, 0.5);
    --vs-input-text: #ad1457;
    --vs-input-ph: rgba(173, 20, 87, 0.5);
    --vs-send-bg: rgba(236, 64, 122, 0.15);
    --vs-send-border: rgba(236, 64, 122, 0.5);
    --vs-send-text: #d81b60;
    --vs-login-bg: rgba(255, 255, 255, 0.55);
    --vs-login-border: rgba(236, 64, 122, 0.4);
    --vs-login-text: rgba(173, 20, 87, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.55);
    --vs-comment-border: rgba(236, 64, 122, 0.3);
    --vs-author: #d81b60;
    --vs-comment-time: rgba(173, 20, 87, 0.55);
    --vs-comment-text: rgba(90, 10, 40, 0.85);
    --vs-empty: rgba(173, 20, 87, 0.5);
}

.video-skin-golden {
    --vs-accent: #d4af37;
    --vs-frame-bg: #2b2111;
    --vs-frame-border: #d4af37;
    --vs-ph-grad: linear-gradient(160deg, #2b2111, #4a3514);
    --vs-title: #f3d97a;
    --vs-desc: rgba(232, 213, 163, 0.7);
    --vs-head: rgba(212, 175, 55, 0.8);
    --vs-item-bg: rgba(212, 175, 55, 0.08);
    --vs-item-border: rgba(212, 175, 55, 0.3);
    --vs-item-hover-bg: rgba(212, 175, 55, 0.16);
    --vs-item-active-bg: rgba(212, 175, 55, 0.2);
    --vs-item-text: rgba(243, 217, 122, 0.9);
    --vs-item-title: #f3d97a;
    --vs-item-meta: rgba(212, 175, 55, 0.5);
    --vs-input-bg: rgba(212, 175, 55, 0.1);
    --vs-input-border: rgba(212, 175, 55, 0.4);
    --vs-input-ph: rgba(232, 213, 163, 0.5);
    --vs-comment-bg: rgba(212, 175, 55, 0.06);
    --vs-comment-border: rgba(212, 175, 55, 0.22);
    --vs-author: #f3d97a;
    --vs-comment-time: rgba(212, 175, 55, 0.5);
    --vs-comment-text: rgba(243, 217, 122, 0.9);
}

.video-skin-ocean {
    --vs-accent: #00d2ff;
    --vs-frame-bg: #0a2a3a;
    --vs-frame-border: rgba(0, 210, 255, 0.4);
    --vs-ph-grad: linear-gradient(180deg, #0a2a3a, #14556b);
    --vs-title: #7ff3ff;
    --vs-desc: rgba(184, 236, 245, 0.7);
    --vs-head: rgba(0, 210, 255, 0.75);
    --vs-item-bg: rgba(0, 180, 216, 0.1);
    --vs-item-border: rgba(0, 210, 255, 0.3);
    --vs-item-hover-bg: rgba(0, 210, 255, 0.16);
    --vs-item-active-bg: rgba(0, 210, 255, 0.2);
    --vs-item-text: rgba(184, 236, 245, 0.9);
    --vs-item-title: #b8ecf5;
    --vs-item-meta: rgba(0, 210, 255, 0.5);
    --vs-input-bg: rgba(0, 210, 255, 0.1);
    --vs-input-border: rgba(0, 210, 255, 0.4);
    --vs-input-ph: rgba(184, 236, 245, 0.5);
    --vs-comment-bg: rgba(0, 210, 255, 0.07);
    --vs-comment-border: rgba(0, 210, 255, 0.22);
    --vs-author: #7ff3ff;
    --vs-comment-time: rgba(0, 210, 255, 0.5);
    --vs-comment-text: rgba(184, 236, 245, 0.9);
}

.video-skin-aurora {
    --vs-accent: #2ed573;
    --vs-frame-bg: #0f2027;
    --vs-frame-border: rgba(46, 213, 115, 0.45);
    --vs-ph-grad: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    --vs-title: #7ff9c2;
    --vs-desc: rgba(185, 230, 255, 0.7);
    --vs-head: rgba(46, 213, 115, 0.8);
    --vs-item-bg: rgba(46, 213, 115, 0.08);
    --vs-item-border: rgba(46, 213, 115, 0.3);
    --vs-item-hover-bg: rgba(46, 213, 115, 0.16);
    --vs-item-active-bg: rgba(46, 213, 115, 0.2);
    --vs-item-title: #b9e6ff;
    --vs-item-meta: rgba(46, 213, 115, 0.5);
    --vs-input-bg: rgba(46, 213, 115, 0.1);
    --vs-input-border: rgba(46, 213, 115, 0.4);
    --vs-input-ph: rgba(185, 230, 255, 0.5);
    --vs-comment-bg: rgba(46, 213, 115, 0.07);
    --vs-comment-border: rgba(46, 213, 115, 0.22);
    --vs-author: #7ff9c2;
    --vs-comment-time: rgba(46, 213, 115, 0.5);
    --vs-comment-text: rgba(185, 230, 255, 0.9);
}

.video-skin-sunset {
    --vs-accent: #f83600;
    --vs-frame-bg: #f9d423;
    --vs-frame-border: #fff;
    --vs-ph-grad: linear-gradient(160deg, #f83600, #f9d423);
    --vs-ph-text: #fff;
    --vs-title: #fff;
    --vs-desc: rgba(255, 255, 255, 0.85);
    --vs-head: rgba(255, 255, 255, 0.9);
    --vs-item-bg: rgba(255, 255, 255, 0.25);
    --vs-item-border: rgba(255, 255, 255, 0.5);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.4);
    --vs-item-active-bg: rgba(255, 255, 255, 0.5);
    --vs-item-text: #fff;
    --vs-item-title: #fff;
    --vs-item-meta: rgba(255, 255, 255, 0.7);
    --vs-input-bg: rgba(255, 255, 255, 0.3);
    --vs-input-border: rgba(255, 255, 255, 0.6);
    --vs-input-ph: rgba(255, 255, 255, 0.8);
    --vs-comment-bg: rgba(255, 255, 255, 0.2);
    --vs-comment-border: rgba(255, 255, 255, 0.45);
    --vs-author: #fff;
    --vs-comment-time: rgba(255, 255, 255, 0.7);
    --vs-comment-text: #fff;
}

.video-skin-midnight {
    --vs-accent: #818cf8;
    --vs-frame-bg: #0f0a2e;
    --vs-frame-border: rgba(129, 140, 248, 0.4);
    --vs-ph-grad: radial-gradient(circle at 30% 20%, #1e1b4b, #0f0a2e, #05020f);
    --vs-title: #c7d2fe;
    --vs-desc: rgba(147, 162, 255, 0.7);
    --vs-head: rgba(129, 140, 248, 0.8);
    --vs-item-bg: rgba(99, 102, 241, 0.12);
    --vs-item-border: rgba(129, 140, 248, 0.3);
    --vs-item-hover-bg: rgba(99, 102, 241, 0.2);
    --vs-item-active-bg: rgba(99, 102, 241, 0.26);
    --vs-item-text: rgba(199, 210, 254, 0.9);
    --vs-item-title: #c7d2fe;
    --vs-item-meta: rgba(129, 140, 248, 0.5);
    --vs-input-bg: rgba(99, 102, 241, 0.12);
    --vs-input-border: rgba(129, 140, 248, 0.4);
    --vs-input-ph: rgba(199, 210, 254, 0.5);
    --vs-comment-bg: rgba(99, 102, 241, 0.1);
    --vs-comment-border: rgba(129, 140, 248, 0.22);
    --vs-author: #c7d2fe;
    --vs-comment-time: rgba(129, 140, 248, 0.5);
    --vs-comment-text: rgba(199, 210, 254, 0.9);
}

.video-skin-coffee {
    --vs-accent: #e8c9a0;
    --vs-frame-bg: #3e2723;
    --vs-frame-border: rgba(200, 160, 120, 0.35);
    --vs-ph-grad: linear-gradient(180deg, #3e2723, #4e342e);
    --vs-title: #e8c9a0;
    --vs-desc: rgba(201, 168, 124, 0.7);
    --vs-head: rgba(200, 160, 120, 0.8);
    --vs-item-bg: rgba(0, 0, 0, 0.25);
    --vs-item-border: rgba(200, 160, 120, 0.3);
    --vs-item-hover-bg: rgba(200, 160, 120, 0.14);
    --vs-item-active-bg: rgba(200, 160, 120, 0.2);
    --vs-item-text: rgba(232, 201, 160, 0.9);
    --vs-item-title: #e8c9a0;
    --vs-item-meta: rgba(200, 160, 120, 0.5);
    --vs-input-bg: rgba(0, 0, 0, 0.3);
    --vs-input-border: rgba(200, 160, 120, 0.4);
    --vs-input-ph: rgba(232, 201, 160, 0.5);
    --vs-comment-bg: rgba(0, 0, 0, 0.25);
    --vs-comment-border: rgba(200, 160, 120, 0.22);
    --vs-author: #e8c9a0;
    --vs-comment-time: rgba(200, 160, 120, 0.5);
    --vs-comment-text: rgba(232, 201, 160, 0.9);
}

.video-skin-matrix {
    --vs-accent: #00ff41;
    --vs-frame-bg: #020d02;
    --vs-frame-border: #00ff41;
    --vs-ph-grad: linear-gradient(135deg, #020d02, #0a1f0a);
    --vs-title: #00ff41;
    --vs-desc: rgba(141, 255, 158, 0.7);
    --vs-head: rgba(0, 255, 65, 0.8);
    --vs-item-bg: rgba(0, 255, 65, 0.06);
    --vs-item-border: rgba(0, 255, 65, 0.35);
    --vs-item-hover-bg: rgba(0, 255, 65, 0.14);
    --vs-item-active-bg: rgba(0, 255, 65, 0.2);
    --vs-item-text: rgba(141, 255, 158, 0.9);
    --vs-item-title: #8dff9e;
    --vs-item-meta: rgba(0, 255, 65, 0.5);
    --vs-input-bg: rgba(0, 255, 65, 0.08);
    --vs-input-border: rgba(0, 255, 65, 0.4);
    --vs-input-ph: rgba(141, 255, 158, 0.5);
    --vs-comment-bg: rgba(0, 255, 65, 0.05);
    --vs-comment-border: rgba(0, 255, 65, 0.2);
    --vs-author: #00ff41;
    --vs-comment-time: rgba(0, 255, 65, 0.5);
    --vs-comment-text: rgba(141, 255, 158, 0.9);
}

.video-skin-space {
    --vs-accent: #a855f7;
    --vs-frame-bg: #1a0b2e;
    --vs-frame-border: rgba(168, 85, 247, 0.45);
    --vs-ph-grad: radial-gradient(circle at 70% 20%, #4a1a7a, #1a0b2e, #05020f);
    --vs-title: #e9d5ff;
    --vs-desc: rgba(196, 181, 253, 0.7);
    --vs-head: rgba(168, 85, 247, 0.8);
    --vs-item-bg: rgba(168, 85, 247, 0.1);
    --vs-item-border: rgba(168, 85, 247, 0.3);
    --vs-item-hover-bg: rgba(168, 85, 247, 0.18);
    --vs-item-active-bg: rgba(168, 85, 247, 0.24);
    --vs-item-title: #e9d5ff;
    --vs-item-meta: rgba(168, 85, 247, 0.5);
    --vs-input-bg: rgba(168, 85, 247, 0.12);
    --vs-input-border: rgba(168, 85, 247, 0.4);
    --vs-input-ph: rgba(233, 213, 255, 0.5);
    --vs-comment-bg: rgba(168, 85, 247, 0.09);
    --vs-comment-border: rgba(168, 85, 247, 0.24);
    --vs-author: #e9d5ff;
    --vs-comment-time: rgba(168, 85, 247, 0.5);
    --vs-comment-text: rgba(233, 213, 255, 0.9);
}

.video-skin-mono {
    --vs-accent: #fff;
    --vs-frame-bg: #171717;
    --vs-frame-border: #333;
    --vs-ph-grad: linear-gradient(135deg, #171717, #262626);
    --vs-title: #fff;
    --vs-desc: #aaa;
    --vs-head: rgba(255, 255, 255, 0.6);
    --vs-item-bg: #1f1f1f;
    --vs-item-border: #3a3a3a;
    --vs-item-hover-bg: #2a2a2a;
    --vs-item-active-bg: #303030;
    --vs-item-text: #ddd;
    --vs-item-title: #fff;
    --vs-item-meta: #888;
    --vs-input-bg: #262626;
    --vs-input-border: #3f3f3f;
    --vs-input-ph: #999;
    --vs-comment-bg: #1f1f1f;
    --vs-comment-border: #333;
    --vs-author: #fff;
    --vs-comment-time: #888;
    --vs-comment-text: #ccc;
}

.video-skin-rose {
    --vs-accent: #b76e79;
    --vs-frame-bg: #f0c9c9;
    --vs-frame-border: #e8b4b8;
    --vs-ph-grad: linear-gradient(135deg, #e8b4b8, #f4c6c6, #d8a7a0);
    --vs-ph-text: rgba(90, 40, 40, 0.7);
    --vs-title: #6d3b3b;
    --vs-desc: rgba(90, 40, 40, 0.7);
    --vs-head: rgba(183, 110, 121, 0.8);
    --vs-item-bg: rgba(255, 255, 255, 0.5);
    --vs-item-border: rgba(216, 167, 160, 0.5);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.75);
    --vs-item-active-bg: rgba(255, 255, 255, 0.85);
    --vs-item-text: rgba(90, 40, 40, 0.85);
    --vs-item-title: #6d3b3b;
    --vs-item-meta: rgba(183, 110, 121, 0.6);
    --vs-comments-border: rgba(183, 110, 121, 0.3);
    --vs-comments-head: rgba(109, 59, 59, 0.75);
    --vs-count-bg: rgba(255, 255, 255, 0.6);
    --vs-count-text: rgba(183, 110, 121, 0.8);
    --vs-user-text: rgba(90, 40, 40, 0.9);
    --vs-input-bg: rgba(255, 255, 255, 0.6);
    --vs-input-border: rgba(183, 110, 121, 0.5);
    --vs-input-text: #6d3b3b;
    --vs-input-ph: rgba(183, 110, 121, 0.5);
    --vs-send-bg: rgba(183, 110, 121, 0.15);
    --vs-send-border: rgba(183, 110, 121, 0.5);
    --vs-send-text: #b76e79;
    --vs-login-bg: rgba(255, 255, 255, 0.5);
    --vs-login-border: rgba(183, 110, 121, 0.4);
    --vs-login-text: rgba(90, 40, 40, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.5);
    --vs-comment-border: rgba(183, 110, 121, 0.3);
    --vs-author: #6d3b3b;
    --vs-comment-time: rgba(183, 110, 121, 0.55);
    --vs-comment-text: rgba(60, 25, 25, 0.85);
    --vs-empty: rgba(109, 59, 59, 0.5);
}

.video-skin-sakura {
    --vs-accent: #f06292;
    --vs-frame-bg: #fbd7de;
    --vs-frame-border: #f8bbd0;
    --vs-ph-grad: linear-gradient(135deg, #fdeff2, #f9c7d0, #f8bbd0);
    --vs-ph-text: rgba(173, 20, 87, 0.7);
    --vs-title: #ad1457;
    --vs-desc: rgba(194, 24, 91, 0.7);
    --vs-head: rgba(194, 24, 91, 0.8);
    --vs-item-bg: rgba(255, 255, 255, 0.55);
    --vs-item-border: rgba(240, 98, 146, 0.5);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.8);
    --vs-item-active-bg: rgba(255, 255, 255, 0.9);
    --vs-item-text: rgba(120, 20, 60, 0.85);
    --vs-item-title: #ad1457;
    --vs-item-meta: rgba(240, 98, 146, 0.6);
    --vs-comments-border: rgba(240, 98, 146, 0.3);
    --vs-comments-head: rgba(173, 20, 87, 0.75);
    --vs-count-bg: rgba(255, 255, 255, 0.65);
    --vs-count-text: rgba(194, 24, 91, 0.8);
    --vs-user-text: rgba(120, 20, 60, 0.9);
    --vs-input-bg: rgba(255, 255, 255, 0.65);
    --vs-input-border: rgba(240, 98, 146, 0.5);
    --vs-input-text: #ad1457;
    --vs-input-ph: rgba(194, 24, 91, 0.5);
    --vs-send-bg: rgba(240, 98, 146, 0.15);
    --vs-send-border: rgba(240, 98, 146, 0.5);
    --vs-send-text: #ad1457;
    --vs-login-bg: rgba(255, 255, 255, 0.5);
    --vs-login-border: rgba(240, 98, 146, 0.4);
    --vs-login-text: rgba(120, 20, 60, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.55);
    --vs-comment-border: rgba(240, 98, 146, 0.3);
    --vs-author: #ad1457;
    --vs-comment-time: rgba(194, 24, 91, 0.55);
    --vs-comment-text: rgba(70, 10, 40, 0.85);
    --vs-empty: rgba(173, 20, 87, 0.5);
}

.video-skin-lavender {
    --vs-accent: #7e57c2;
    --vs-frame-bg: #cbbde4;
    --vs-frame-border: #b39ddb;
    --vs-ph-grad: linear-gradient(135deg, #9575cd, #7e57c2, #b39ddb);
    --vs-ph-text: rgba(255, 255, 255, 0.8);
    --vs-title: #4527a0;
    --vs-desc: rgba(69, 39, 160, 0.7);
    --vs-head: rgba(69, 39, 160, 0.8);
    --vs-item-bg: rgba(255, 255, 255, 0.5);
    --vs-item-border: rgba(126, 87, 194, 0.45);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.75);
    --vs-item-active-bg: rgba(255, 255, 255, 0.85);
    --vs-item-text: rgba(40, 25, 80, 0.85);
    --vs-item-title: #4527a0;
    --vs-item-meta: rgba(126, 87, 194, 0.6);
    --vs-comments-border: rgba(126, 87, 194, 0.3);
    --vs-comments-head: rgba(69, 39, 160, 0.75);
    --vs-count-bg: rgba(255, 255, 255, 0.6);
    --vs-count-text: rgba(69, 39, 160, 0.8);
    --vs-user-text: rgba(40, 25, 80, 0.9);
    --vs-input-bg: rgba(255, 255, 255, 0.6);
    --vs-input-border: rgba(126, 87, 194, 0.5);
    --vs-input-text: #4527a0;
    --vs-input-ph: rgba(126, 87, 194, 0.5);
    --vs-send-bg: rgba(126, 87, 194, 0.15);
    --vs-send-border: rgba(126, 87, 194, 0.5);
    --vs-send-text: #7e57c2;
    --vs-login-bg: rgba(255, 255, 255, 0.5);
    --vs-login-border: rgba(126, 87, 194, 0.4);
    --vs-login-text: rgba(40, 25, 80, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.5);
    --vs-comment-border: rgba(126, 87, 194, 0.3);
    --vs-author: #4527a0;
    --vs-comment-time: rgba(126, 87, 194, 0.55);
    --vs-comment-text: rgba(30, 18, 60, 0.85);
    --vs-empty: rgba(69, 39, 160, 0.5);
}

.video-skin-mint {
    --vs-accent: #00897b;
    --vs-frame-bg: #a9ddd6;
    --vs-frame-border: #80cbc4;
    --vs-ph-grad: linear-gradient(135deg, #b2dfdb, #80cbc4, #4db6ac);
    --vs-ph-text: rgba(0, 77, 64, 0.7);
    --vs-title: #004d40;
    --vs-desc: rgba(0, 105, 92, 0.7);
    --vs-head: rgba(0, 77, 64, 0.8);
    --vs-item-bg: rgba(255, 255, 255, 0.55);
    --vs-item-border: rgba(77, 182, 172, 0.5);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.8);
    --vs-item-active-bg: rgba(255, 255, 255, 0.9);
    --vs-item-text: rgba(0, 50, 40, 0.85);
    --vs-item-title: #004d40;
    --vs-item-meta: rgba(77, 182, 172, 0.6);
    --vs-comments-border: rgba(77, 182, 172, 0.3);
    --vs-comments-head: rgba(0, 77, 64, 0.75);
    --vs-count-bg: rgba(255, 255, 255, 0.6);
    --vs-count-text: rgba(0, 105, 92, 0.8);
    --vs-user-text: rgba(0, 50, 40, 0.9);
    --vs-input-bg: rgba(255, 255, 255, 0.6);
    --vs-input-border: rgba(77, 182, 172, 0.5);
    --vs-input-text: #004d40;
    --vs-input-ph: rgba(0, 105, 92, 0.5);
    --vs-send-bg: rgba(0, 137, 123, 0.15);
    --vs-send-border: rgba(0, 137, 123, 0.5);
    --vs-send-text: #00897b;
    --vs-login-bg: rgba(255, 255, 255, 0.5);
    --vs-login-border: rgba(77, 182, 172, 0.4);
    --vs-login-text: rgba(0, 50, 40, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.55);
    --vs-comment-border: rgba(77, 182, 172, 0.3);
    --vs-author: #004d40;
    --vs-comment-time: rgba(77, 182, 172, 0.55);
    --vs-comment-text: rgba(0, 40, 32, 0.85);
    --vs-empty: rgba(0, 77, 64, 0.5);
}

.video-skin-peach {
    --vs-accent: #ef6c00;
    --vs-frame-bg: #ffe6c2;
    --vs-frame-border: #ffcc80;
    --vs-ph-grad: linear-gradient(135deg, #ffe0b2, #ffcc80, #ffb74d);
    --vs-ph-text: rgba(230, 81, 0, 0.7);
    --vs-title: #e65100;
    --vs-desc: rgba(239, 108, 0, 0.7);
    --vs-head: rgba(230, 81, 0, 0.8);
    --vs-item-bg: rgba(255, 255, 255, 0.55);
    --vs-item-border: rgba(255, 183, 77, 0.55);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.8);
    --vs-item-active-bg: rgba(255, 255, 255, 0.9);
    --vs-item-text: rgba(120, 45, 0, 0.85);
    --vs-item-title: #e65100;
    --vs-item-meta: rgba(239, 108, 0, 0.6);
    --vs-comments-border: rgba(255, 183, 77, 0.35);
    --vs-comments-head: rgba(230, 81, 0, 0.75);
    --vs-count-bg: rgba(255, 255, 255, 0.6);
    --vs-count-text: rgba(230, 81, 0, 0.8);
    --vs-user-text: rgba(120, 45, 0, 0.9);
    --vs-input-bg: rgba(255, 255, 255, 0.6);
    --vs-input-border: rgba(255, 183, 77, 0.55);
    --vs-input-text: #e65100;
    --vs-input-ph: rgba(239, 108, 0, 0.5);
    --vs-send-bg: rgba(239, 108, 0, 0.15);
    --vs-send-border: rgba(239, 108, 0, 0.5);
    --vs-send-text: #ef6c00;
    --vs-login-bg: rgba(255, 255, 255, 0.5);
    --vs-login-border: rgba(255, 183, 77, 0.45);
    --vs-login-text: rgba(120, 45, 0, 0.7);
    --vs-comment-bg: rgba(255, 255, 255, 0.55);
    --vs-comment-border: rgba(255, 183, 77, 0.35);
    --vs-author: #e65100;
    --vs-comment-time: rgba(239, 108, 0, 0.55);
    --vs-comment-text: rgba(80, 30, 0, 0.85);
    --vs-empty: rgba(230, 81, 0, 0.5);
}

.video-skin-fire {
    --vs-accent: #ff9100;
    --vs-frame-bg: #3d0a00;
    --vs-frame-border: #ff9100;
    --vs-ph-grad: linear-gradient(90deg, #ff3d00, #ff6d00, #b71c1c);
    --vs-title: #ffcc80;
    --vs-desc: rgba(255, 224, 178, 0.7);
    --vs-head: rgba(255, 145, 0, 0.85);
    --vs-item-bg: rgba(255, 61, 0, 0.1);
    --vs-item-border: rgba(255, 145, 0, 0.35);
    --vs-item-hover-bg: rgba(255, 145, 0, 0.18);
    --vs-item-active-bg: rgba(255, 145, 0, 0.24);
    --vs-item-text: rgba(255, 224, 178, 0.9);
    --vs-item-title: #ffe0b2;
    --vs-item-meta: rgba(255, 145, 0, 0.55);
    --vs-input-bg: rgba(255, 61, 0, 0.14);
    --vs-input-border: rgba(255, 145, 0, 0.45);
    --vs-input-ph: rgba(255, 224, 178, 0.5);
    --vs-comment-bg: rgba(255, 61, 0, 0.09);
    --vs-comment-border: rgba(255, 145, 0, 0.26);
    --vs-author: #ffcc80;
    --vs-comment-time: rgba(255, 145, 0, 0.55);
    --vs-comment-text: rgba(255, 224, 178, 0.9);
}

.video-skin-ice {
    --vs-accent: #81d4fa;
    --vs-frame-bg: #0d3b66;
    --vs-frame-border: #81d4fa;
    --vs-ph-grad: linear-gradient(90deg, #0d47a1, #26c6da, #e0f7fa, #26c6da);
    --vs-ph-text: rgba(255, 255, 255, 0.8);
    --vs-title: #e0f7fa;
    --vs-desc: rgba(225, 245, 254, 0.75);
    --vs-head: rgba(129, 212, 250, 0.85);
    --vs-item-bg: rgba(38, 198, 218, 0.1);
    --vs-item-border: rgba(129, 212, 250, 0.35);
    --vs-item-hover-bg: rgba(38, 198, 218, 0.2);
    --vs-item-active-bg: rgba(38, 198, 218, 0.26);
    --vs-item-text: rgba(225, 245, 254, 0.9);
    --vs-item-title: #e1f5fe;
    --vs-item-meta: rgba(129, 212, 250, 0.55);
    --vs-input-bg: rgba(38, 198, 218, 0.12);
    --vs-input-border: rgba(129, 212, 250, 0.45);
    --vs-input-ph: rgba(225, 245, 254, 0.55);
    --vs-comment-bg: rgba(38, 198, 218, 0.09);
    --vs-comment-border: rgba(129, 212, 250, 0.26);
    --vs-author: #e0f7fa;
    --vs-comment-time: rgba(129, 212, 250, 0.55);
    --vs-comment-text: rgba(225, 245, 254, 0.9);
}

.video-skin-royal {
    --vs-accent: #ffd700;
    --vs-frame-bg: #1a0933;
    --vs-frame-border: rgba(255, 215, 0, 0.5);
    --vs-ph-grad: radial-gradient(circle at 50% 20%, #4a148c, #1a0933);
    --vs-title: #ffd700;
    --vs-desc: rgba(179, 136, 255, 0.75);
    --vs-head: rgba(255, 215, 0, 0.8);
    --vs-item-bg: rgba(255, 215, 0, 0.08);
    --vs-item-border: rgba(255, 215, 0, 0.3);
    --vs-item-hover-bg: rgba(255, 215, 0, 0.16);
    --vs-item-active-bg: rgba(255, 215, 0, 0.22);
    --vs-item-text: rgba(255, 215, 0, 0.9);
    --vs-item-title: #ffd700;
    --vs-item-meta: rgba(255, 215, 0, 0.5);
    --vs-input-bg: rgba(255, 215, 0, 0.1);
    --vs-input-border: rgba(255, 215, 0, 0.4);
    --vs-input-ph: rgba(255, 215, 0, 0.5);
    --vs-comment-bg: rgba(255, 215, 0, 0.07);
    --vs-comment-border: rgba(255, 215, 0, 0.22);
    --vs-author: #ffd700;
    --vs-comment-time: rgba(255, 215, 0, 0.5);
    --vs-comment-text: rgba(179, 136, 255, 0.9);
}

.video-skin-glitch {
    --vs-accent: #00e5ff;
    --vs-frame-bg: #0f0f1a;
    --vs-frame-border: #ff2ef4;
    --vs-ph-grad: linear-gradient(180deg, #0f0f1a, #1a0b2e);
    --vs-ph-text: rgba(0, 229, 255, 0.6);
    --vs-title: #fff;
    --vs-desc: rgba(179, 157, 219, 0.75);
    --vs-head: rgba(255, 46, 244, 0.8);
    --vs-item-bg: rgba(255, 46, 244, 0.08);
    --vs-item-border: rgba(0, 229, 255, 0.3);
    --vs-item-hover-bg: rgba(255, 46, 244, 0.16);
    --vs-item-active-bg: rgba(0, 229, 255, 0.16);
    --vs-item-text: rgba(200, 190, 230, 0.9);
    --vs-item-title: #b39ddb;
    --vs-item-meta: rgba(0, 229, 255, 0.55);
    --vs-input-bg: rgba(255, 46, 244, 0.1);
    --vs-input-border: rgba(0, 229, 255, 0.4);
    --vs-input-ph: rgba(0, 229, 255, 0.5);
    --vs-comment-bg: rgba(255, 46, 244, 0.07);
    --vs-comment-border: rgba(0, 229, 255, 0.22);
    --vs-author: #fff;
    --vs-comment-time: rgba(0, 229, 255, 0.55);
    --vs-comment-text: rgba(200, 190, 230, 0.9);
}

.video-skin-prism {
    --vs-accent: #2979ff;
    --vs-frame-bg: #9c27b0;
    --vs-frame-border: #fff;
    --vs-ph-grad: linear-gradient(90deg, #ff1744, #ff9100, #ffea00, #00e676, #2979ff, #d500f9);
    --vs-ph-text: #fff;
    --vs-title: #fff;
    --vs-desc: rgba(255, 255, 255, 0.85);
    --vs-head: rgba(255, 255, 255, 0.9);
    --vs-item-bg: rgba(255, 255, 255, 0.25);
    --vs-item-border: rgba(255, 255, 255, 0.5);
    --vs-item-hover-bg: rgba(255, 255, 255, 0.4);
    --vs-item-active-bg: rgba(255, 255, 255, 0.5);
    --vs-item-text: #fff;
    --vs-item-title: #fff;
    --vs-item-meta: rgba(255, 255, 255, 0.7);
    --vs-input-bg: rgba(255, 255, 255, 0.3);
    --vs-input-border: rgba(255, 255, 255, 0.6);
    --vs-input-ph: rgba(255, 255, 255, 0.85);
    --vs-comment-bg: rgba(255, 255, 255, 0.22);
    --vs-comment-border: rgba(255, 255, 255, 0.45);
    --vs-author: #fff;
    --vs-comment-time: rgba(255, 255, 255, 0.7);
    --vs-comment-text: #fff;
}