.vplayer{--vp-accent: var(--accent);--vp-panel: #0d182b;--vp-text: var(--light-on-dark);--vp-muted: rgba(153, 173, 193, .9);--vp-control-h: 44px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.vplayer [hidden]{display:none!important}.vplayer.vp-no-chapters{grid-template-columns:minmax(0,1fr)}.vplayer.vp-no-chapters .chapters-panel{display:none}.vplayer .player{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--card-border);box-shadow:var(--card-shadow);outline:none;line-height:0;cursor:default;color:var(--vp-text);font-family:var(--font-sans)}.vplayer .player:focus-visible{outline:2px solid var(--vp-accent);outline-offset:2px}.vplayer .player.hide-cursor{cursor:none}.vplayer .video{display:block;width:100%;height:auto}.vplayer .player:fullscreen{border-radius:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.vplayer .player:fullscreen .video{width:auto;max-height:100vh;max-width:100vw}.vplayer .big-play{position:absolute;inset:0;margin:auto;width:88px;height:88px;border:none;border-radius:50%;background:#040a1499;color:#fff;display:grid;place-items:center;cursor:pointer;transition:opacity .2s,transform .2s;backdrop-filter:blur(4px)}.vplayer .big-play:hover{transform:scale(1.06);background:#040a14bf}.vplayer .player[data-state=playing] .big-play{opacity:0;pointer-events:none;transform:scale(.8)}.vplayer .spinner{position:absolute;inset:0;margin:auto;width:54px;height:54px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:vp-spin .8s linear infinite;pointer-events:none}@keyframes vp-spin{to{transform:rotate(360deg)}}.vplayer .toast{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#040a14c7;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;line-height:1.2;pointer-events:none}.vplayer .chapter-label{position:absolute;background:#040a14b8;padding:6px 12px;border-radius:8px;font-size:13px;line-height:1.2;pointer-events:none;z-index:6}.vplayer .chapter-label.cl-top-left{top:16px;left:16px}.vplayer .chapter-label.cl-top-center{top:16px;left:50%;transform:translate(-50%)}.vplayer .chapter-label.cl-top-right{top:16px;right:16px}.vplayer .chapter-label.cl-bottom-left{bottom:92px;left:16px}.vplayer .chapter-label.cl-bottom-center{bottom:92px;left:50%;transform:translate(-50%)}.vplayer .chapter-label.cl-bottom-right{bottom:92px;right:16px}.vplayer .vp-tabs{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin:0}.vplayer .vp-tab{padding:6px 14px;border:1px solid rgba(7,16,38,.14);border-radius:999px;background:#fff;color:var(--ink-muted);font-family:var(--font-sans);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.vplayer .vp-tab:hover{border-color:var(--accent);color:var(--accent)}.vplayer .vp-tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#fff}.vplayer .controls{position:absolute;left:0;right:0;bottom:0;padding:8px 12px 10px;background:linear-gradient(transparent,#03070ee0);line-height:normal;transition:opacity .25s,transform .25s}.vplayer .player.hide-controls .controls{opacity:0;transform:translateY(8px);pointer-events:none}.vplayer .timeline{position:relative;padding:10px 0;cursor:pointer}.vplayer .timeline-track{position:relative;height:5px;background:#ffffff40;border-radius:999px;transition:height .12s}.vplayer .timeline:hover .timeline-track{height:8px}.vplayer .bar{position:absolute;top:0;left:0;bottom:0;border-radius:999px}.vplayer .bar.buffered{background:#ffffff59;width:0}.vplayer .bar.played{background:var(--vp-accent);width:0}.vplayer .scrubber{position:absolute;top:50%;left:0;width:14px;height:14px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .12s;pointer-events:none}.vplayer .timeline:hover .scrubber{transform:translate(-50%,-50%) scale(1)}.vplayer .markers{position:absolute;inset:0;pointer-events:none}.vplayer .marker{position:absolute;top:50%;width:3px;height:12px;background:#ffffffd9;transform:translate(-50%,-50%);border-radius:2px}.vplayer .hover-time{position:absolute;bottom:26px;transform:translate(-50%);background:#040a14e0;padding:3px 8px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none}.vplayer .buttons{display:flex;align-items:center;justify-content:space-between;gap:6px}.vplayer .left,.vplayer .right{display:flex;align-items:center;gap:2px}.vplayer .ctrl{position:relative;height:var(--vp-control-h);min-width:var(--vp-control-h);padding:0 8px;border:none;background:transparent;color:var(--vp-text);cursor:pointer;border-radius:8px;display:inline-grid;place-items:center;transition:background .15s;font-family:var(--font-sans)}.vplayer .ctrl:hover{background:#ffffff1f}.vplayer .ctrl svg{width:26px;height:26px}.vplayer .ctrl-text{font-weight:700;font-size:14px}.vplayer .ctrl-num{position:absolute;font-size:9px;font-weight:700;bottom:9px}.vplayer .time{font-size:13px;color:var(--vp-text);padding:0 8px;white-space:nowrap}.vplayer [data-vp=duration]{color:var(--vp-muted)}.vplayer .volume{display:flex;align-items:center}.vplayer .vol-slider{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:var(--vp-accent);cursor:pointer}.vplayer .volume:hover .vol-slider,.vplayer .vol-slider:focus{width:70px;opacity:1;margin:0 6px}.vplayer .menu{position:relative}.vplayer .menu-list{position:absolute;bottom:calc(var(--vp-control-h) + 6px);right:0;background:#0a1322f7;border:1px solid rgba(248,250,252,.14);border-radius:10px;padding:6px;display:flex;flex-direction:column;min-width:120px;box-shadow:0 10px 30px #00000080}.vplayer .menu-list button{background:transparent;border:none;color:var(--vp-text);padding:8px 12px;text-align:left;border-radius:6px;cursor:pointer;font-size:13px;font-family:var(--font-sans)}.vplayer .menu-list button:hover{background:#ffffff1a}.vplayer .menu-list button.active{color:var(--vp-accent);font-weight:700}.vplayer .chapters-panel{background:var(--vp-panel);border-radius:var(--radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:18px 20px;color:var(--vp-text);max-height:480px;overflow-y:auto}.vplayer .chapters-panel h2{margin:0 0 12px;font-size:15px;letter-spacing:.02em}.vplayer .chapters-panel ul{list-style:none;margin:0;padding:0}.vplayer .chapters-panel li{display:flex;gap:12px;align-items:baseline;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.vplayer .chapters-panel li:hover{background:#ffffff0f}.vplayer .chapters-panel li.active{background:#f9a51a29}.vplayer .chapters-panel li.active .ch-title{color:var(--vp-accent)}.vplayer .ch-time{color:var(--vp-muted);font-variant-numeric:tabular-nums;font-size:13px;min-width:38px}.vplayer .ch-title{font-size:14px}.vplayer .hint{color:var(--vp-muted);font-size:12px;margin:16px 0 0}.vplayer kbd{background:#f8fafc1a;border:1px solid rgba(248,250,252,.18);border-radius:4px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.vplayer .shortcuts{position:fixed;inset:0;background:#03070eb3;display:grid;place-items:center;z-index:80}.vplayer .shortcuts-box{background:var(--vp-panel);border:1px solid rgba(248,250,252,.14);border-radius:var(--radius);padding:24px 28px;max-width:420px;width:90%;color:var(--vp-text)}.vplayer .shortcuts-box h2{margin:0 0 16px;font-size:18px}.vplayer .shortcuts-box ul{list-style:none;margin:0 0 16px;padding:0}.vplayer .shortcuts-box li{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:14px}.vplayer .shortcuts-box li span{color:var(--vp-muted)}.vplayer .shortcuts-box button{background:var(--vp-accent);color:var(--dark-surface);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-sans)}.vplayer .overlay{position:absolute;pointer-events:none;overflow:hidden;z-index:5}.vplayer .hotspots,.vplayer .annotations{position:absolute;inset:0}.vplayer .hotspot{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.7);border-radius:10px;background:#f9a51a1f;color:#fff;cursor:pointer;opacity:0;transform:scale(.96);transition:opacity .25s,transform .25s,background .15s}.vplayer .hotspot.show{opacity:1;transform:scale(1)}.vplayer .hotspot:hover{background:#f9a51a59}.vplayer .hotspot-label{font-size:13px;font-weight:600;padding:4px 10px;background:#040a1499;border-radius:999px;pointer-events:none}.vplayer .annotation{position:absolute;left:50%;transform:translate(-50%) translateY(6px);max-width:80%;padding:8px 14px;background:#040a14c7;border-left:3px solid var(--vp-accent);border-radius:8px;font-size:14px;line-height:1.35;text-align:center;opacity:0;transition:opacity .25s,transform .25s}.vplayer .annotation.show{opacity:1;transform:translate(-50%) translateY(0)}.vplayer .annotation.pos-top{top:16px}.vplayer .annotation.pos-center{top:50%;transform:translate(-50%,calc(-50% + 6px))}.vplayer .annotation.pos-center.show{transform:translate(-50%,-50%)}.vplayer .annotation.pos-bottom{bottom:90px}.vplayer .annotation.pos-free{max-width:60%;transform:translate(-50%,calc(-50% + 6px))}.vplayer .annotation.pos-free.show{transform:translate(-50%,-50%)}.vplayer .annotation-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .25s}.vplayer .annotation-arrow.show{opacity:1}.vplayer .annotation-arrow line{stroke:var(--vp-accent);stroke-width:2.5px}.vplayer .arrow-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--vp-accent);box-shadow:0 0 0 3px #f9a51a59;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .25s}.vplayer .arrow-dot.show{opacity:1}.vplayer .player.cc-off .annotations{display:none}.vplayer .info-popup{position:absolute;inset:0;background:#03070e8c;display:grid;place-items:center;z-index:20}.vplayer .info-box{background:var(--vp-panel);padding:22px 24px;border-radius:var(--radius);max-width:80%;text-align:center;line-height:normal}.vplayer .info-box p{margin:0 0 16px;font-size:15px;line-height:1.5}.vplayer .info-box button{background:var(--vp-accent);color:var(--dark-surface);border:none;padding:9px 22px;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;font-family:var(--font-sans)}.vplayer .ctrl[aria-pressed=true]{color:var(--vp-accent)}.vplayer [data-vp=ccBtn][aria-pressed=false]{opacity:.5}@media(max-width:900px){.vplayer{grid-template-columns:1fr}.vplayer .chapters-panel{max-height:none}}