.player-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgb(0 0 0 / .4),0 0 30px rgb(139 92 246 / .15)}.server-tabs-container{margin-bottom:16px}.server-tabs{display:flex;flex-wrap:wrap;gap:10px}.server-tab{padding:12px 22px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-weight:600;font-size:14px;cursor:pointer;transition:all 0.3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.server-tab::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(139 92 246 / .2),transparent);transition:0.5s}.server-tab:hover::before{left:100%}.server-tab:hover,.server-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#fff0;transform:translateY(-2px);box-shadow:0 5px 20px rgb(99 102 241 / .4)}.server-tab i,.server-tab svg{font-size:16px;width:16px;height:16px}.video-frame{width:100%;height:100%;min-height:420px;border-radius:14px;background:#000;border:2px solid var(--border)}@media (max-width:768px){.video-frame{min-height:250px}}@media (max-width:480px){.video-frame{min-height:200px}}media-player{--media-brand:#a78bfa;--media-focus-ring-color:#a78bfa;--media-font-family:'Inter', sans-serif;width:100%;height:100%;display:block}media-player[data-view-type="video"]{aspect-ratio:16 / 9;border-radius:16px;overflow:hidden}media-video-layout{--video-brand:#a78bfa;--video-focus-ring-color:#a78bfa;--video-border-radius:16px;--video-controls-color:#fff;--video-controls-bg:linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);--video-slider-track-bg:rgba(255,255,255,0.2);--video-slider-track-fill-bg:linear-gradient(90deg, #6366f1, #a78bfa);--video-slider-thumb-bg:#fff;--video-slider-thumb-size:16px;--video-time-color:rgba(255,255,255,0.9);--video-button-color:#fff;--video-button-hover-bg:rgba(167, 139, 250, 0.3);--video-menu-bg:rgba(20, 17, 26, 0.98);--video-menu-border:1px solid rgba(139, 92, 246, 0.3);--video-menu-border-radius:14px;--video-menu-item-hover-bg:rgba(139, 92, 246, 0.25);--video-captions-bg:rgba(0,0,0,0.85);--video-captions-font-size:1rem;--video-buffering-color:#a78bfa}[data-media-menu]{background:rgb(20 17 26 / .98)!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgb(139 92 246 / .3);border-radius:14px;padding:10px;box-shadow:0 10px 40px rgb(0 0 0 / .5),0 0 20px rgb(139 92 246 / .2);min-width:200px}[data-media-menu-item]{padding:12px 18px;border-radius:10px;font-size:.9rem;font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;justify-content:space-between;gap:12px}[data-media-menu-item]:hover,[data-media-menu-item][data-focus]{background:linear-gradient(135deg,rgb(99 102 241 / .25),rgb(139 92 246 / .2))}[data-media-menu-item][aria-checked="true"]{color:#a78bfa;background:rgb(139 92 246 / .15)}[data-media-menu-item][aria-checked="true"]::after{content:'✓';color:#a78bfa;font-weight:700}.vds-menu-group-label,[data-media-menu-group-label]{padding:10px 18px 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:rgb(167 139 250 / .8);border-bottom:1px solid rgb(139 92 246 / .15);margin-bottom:6px}.quality-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;font-weight:700;border-radius:6px;text-transform:uppercase}.quality-badge.hd{background:linear-gradient(135deg,#22c55e,#16a34a)}.quality-badge.fhd{background:linear-gradient(135deg,#3b82f6,#2563eb)}.quality-badge.uhd{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-media-play-button]{transition:all 0.3s cubic-bezier(.175,.885,.32,1.275)}[data-media-play-button]:hover{transform:scale(1.15)}.vds-play-button[data-size="large"],.vds-play-button.vds-button--lg{width:90px;height:90px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border-radius:50%;box-shadow:0 0 50px rgb(139 92 246 / .5),0 0 100px rgb(139 92 246 / .2);transition:all 0.4s cubic-bezier(.175,.885,.32,1.275);animation:pulse-glow 2.5s ease-in-out infinite}.vds-play-button[data-size="large"]:hover,.vds-play-button.vds-button--lg:hover{transform:scale(1.15);box-shadow:0 0 70px rgb(139 92 246 / .7),0 0 120px rgb(139 92 246 / .3)}media-player[data-playing] .vds-play-button[data-size="large"],media-player[data-playing] .vds-play-button.vds-button--lg{animation:none}[data-media-time-slider]{--track-height:5px;--track-active-height:7px;transition:all 0.2s ease}[data-media-time-slider]:hover{--track-height:7px}[data-media-time-slider] .vds-slider-track-fill{background:linear-gradient(90deg,#6366f1,#a78bfa,#d946ef)}[data-media-time-slider] .vds-slider-thumb{width:16px;height:16px;background:#fff;border:3px solid #a78bfa;box-shadow:0 0 10px rgb(139 92 246 / .5);transition:all 0.2s ease}[data-media-time-slider]:hover .vds-slider-thumb{transform:scale(1.2)}[data-media-volume-slider]{--track-height:5px}[data-media-volume-slider] .vds-slider-track-fill{background:linear-gradient(90deg,#6366f1,#a78bfa)}[data-media-settings-button]{transition:transform 0.4s cubic-bezier(.175,.885,.32,1.275)}[data-media-settings-button]:hover{transform:rotate(60deg)}[data-media-fullscreen-button]{transition:all 0.3s ease}[data-media-fullscreen-button]:hover{transform:scale(1.15);color:#a78bfa}[data-media-pip-button]{transition:all 0.3s ease}[data-media-pip-button]:hover{transform:scale(1.1);color:#a78bfa}[data-media-captions-button]{transition:all 0.3s ease}[data-media-captions-button][aria-pressed="true"]{color:#a78bfa}[data-media-buffering-indicator]{--spinner-size:70px;--spinner-track-width:5px;--spinner-track-color:rgba(255,255,255,0.15);--spinner-fill-color:#a78bfa}.vds-buffering-indicator{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}[data-media-gesture]{background:rgb(139 92 246 / .4);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:50%;border:2px solid rgb(255 255 255 / .2)}[data-media-keyboard-display]{background:rgb(20 17 26 / .95);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgb(139 92 246 / .3);border-radius:14px;padding:14px 24px;font-size:1.6rem;font-weight:700;color:#fff;box-shadow:0 10px 40px rgb(0 0 0 / .4)}[data-media-captions]{font-family:'Inter',sans-serif;text-shadow:2px 2px 6px rgb(0 0 0 / .9);background:rgb(0 0 0 / .8);padding:8px 16px;border-radius:8px}.vds-time{font-family:'Inter',monospace;font-weight:600;font-size:.85rem;letter-spacing:.5px}.vds-chapter-marker{background:rgb(255 255 255 / .8);width:4px;height:100%;border-radius:2px}.player-info-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-top:12px}.player-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.player-actions{display:flex;gap:8px}.player-guide-note{border-radius:14px;margin-top:20px;overflow:hidden;background:linear-gradient(135deg,rgb(59 130 246 / .1) 0%,rgb(99 102 241 / .08) 100%);border:1px solid rgb(59 130 246 / .3)}.guide-note-header{display:flex;align-items:center;gap:10px;padding:14px 18px;font-weight:600;font-size:14px;background:rgb(59 130 246 / .15);color:#93c5fd;border-bottom:1px solid rgb(59 130 246 / .2)}.guide-note-header i,.guide-note-header svg{font-size:18px;width:18px;height:18px}.guide-note-content{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px}.guide-note-item{display:flex;gap:12px;padding:12px;border-radius:10px;background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .08);transition:all 0.3s ease}.guide-note-item:hover{transform:translateY(-2px);background:rgb(255 255 255 / .06);border-color:rgb(139 92 246 / .3)}.guide-note-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:#fff}.guide-note-icon.vlc{background:linear-gradient(135deg,#ff7043,#ff5722)}.guide-note-icon.quality{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.guide-note-icon.speed{background:linear-gradient(135deg,#3b82f6,#2563eb)}.guide-note-icon.keyboard{background:linear-gradient(135deg,#f59e0b,#d97706)}.guide-note-text strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.guide-note-text p{font-size:12px;line-height:1.5;margin:0;color:var(--text-secondary)}.guide-note-footer{padding:12px 18px;font-size:12px;display:flex;align-items:center;gap:8px;background:rgb(34 197 94 / .1);color:#86efac;border-top:1px solid rgb(34 197 94 / .2)}.guide-note-footer i,.guide-note-footer svg{color:#22c55e}@media (max-width:768px){.guide-note-content{grid-template-columns:1fr;gap:10px;padding:14px}.guide-note-item{padding:10px}.guide-note-icon{width:36px;height:36px;font-size:16px}.guide-note-text strong{font-size:12px}.guide-note-text p{font-size:11px}}.keyboard-shortcuts-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:20px;margin-top:20px}.keyboard-shortcuts-card h4{font-size:14px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-card);border-radius:8px;font-size:13px}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;background:linear-gradient(135deg,rgb(99 102 241 / .2),rgb(139 92 246 / .15));border:1px solid rgb(139 92 246 / .3);border-radius:6px;font-family:'Inter',monospace;font-size:12px;font-weight:600;color:#a78bfa}.shortcut-action{color:var(--text-secondary);font-size:12px}media-player[data-pip]{position:fixed;bottom:24px;right:24px;width:360px;height:202px;z-index:9999;border-radius:14px;box-shadow:0 15px 50px rgb(0 0 0 / .6),0 0 30px rgb(139 92 246 / .3);border:2px solid rgb(139 92 246 / .4)}[data-media-error]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#1a1725 0%,#0f0f1a 100%);color:#fff;text-align:center;padding:2rem}[data-media-error] svg{width:56px;height:56px;margin-bottom:1.5rem;opacity:.5;color:#a78bfa}[data-media-error] p{font-size:1rem;margin-bottom:1rem;color:var(--text-secondary)}[data-media-error] a{color:#a78bfa;text-decoration:none;font-weight:600;transition:color 0.2s ease}[data-media-error] a:hover{color:#c4b5fd}@keyframes pulse-glow{0%,100%{box-shadow:0 0 30px rgb(139 92 246 / .4),0 0 60px rgb(139 92 246 / .2)}50%{box-shadow:0 0 50px rgb(139 92 246 / .6),0 0 100px rgb(139 92 246 / .3)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (hover:hover){media-player:not([data-playing]) .vds-controls{opacity:1}media-player[data-playing]:not(:hover) .vds-controls{opacity:0;transition:opacity 0.4s ease}media-player[data-playing]:hover .vds-controls{opacity:1}}@media (hover:none){media-player .vds-controls{opacity:1}}@media (max-width:767px){.player-container{border-radius:12px}media-video-layout{--video-slider-thumb-size:20px}[data-media-menu]{max-height:60vh;overflow-y:auto;min-width:180px}.vds-play-button[data-size="large"],.vds-play-button.vds-button--lg{width:70px;height:70px}.player-info-bar{flex-direction:column;gap:10px;text-align:center}.keyboard-shortcuts-card{display:none}media-player[data-pip]{width:280px;height:157px;bottom:16px;right:16px}}[data-theme="light"] .player-guide-note{background:linear-gradient(135deg,rgb(37 99 235 / .08) 0%,rgb(59 130 246 / .05) 100%);border:1px solid rgb(37 99 235 / .2)}[data-theme="light"] .guide-note-header{background:rgb(37 99 235 / .1);color:#1d4ed8;border-bottom:1px solid rgb(37 99 235 / .15)}[data-theme="light"] .guide-note-item{background:rgb(255 255 255 / .7);border:1px solid rgb(0 0 0 / .06)}[data-theme="light"] .guide-note-item:hover{background:rgb(255 255 255 / .9);border-color:rgb(255 112 67 / .3)}[data-theme="light"] .guide-note-footer{background:rgb(22 163 74 / .08);color:#15803d;border-top:1px solid rgb(22 163 74 / .15)}