.vlp-library,.vlp-hero,.vlp-single-grid{--vlp-bg:#031629;--vlp-panel:#08213b;--vlp-panel2:#0a2949;--vlp-text:#f7fbff;--vlp-muted:#9eb4cb;--vlp-border:rgba(180,212,255,.14);--vlp-accent:#003264;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.vlp-library *,.vlp-hero *,.vlp-modal *,.vlp-single-grid *{box-sizing:border-box}.vlp-library button,.vlp-hero button,.vlp-modal button,.vlp-library input,.vlp-modal input,.vlp-modal select{touch-action:manipulation}.vlp-library{width:100%;max-width:100%;padding:clamp(18px,3vw,34px);border:1px solid var(--vlp-border);border-radius:28px;background:linear-gradient(180deg,#04182d,#03101c);color:var(--vlp-text);overflow:hidden}.vlp-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;min-width:0}.vlp-header>div{min-width:0}.vlp-header h2,.vlp-hero h2{margin:3px 0 4px;font-size:clamp(28px,4vw,48px);line-height:1.04;letter-spacing:-.035em;color:#fff;overflow-wrap:anywhere}.vlp-header p,.vlp-hero p{margin:0;color:var(--vlp-muted);font-size:15px;overflow-wrap:anywhere}.vlp-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--vlp-accent)}.vlp-header-actions{display:flex;gap:10px;flex-wrap:wrap}.vlp-pill,.vlp-filters button,.vlp-secondary,.vlp-primary{min-height:44px;border-radius:12px;border:1px solid var(--vlp-border);padding:0 15px;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.vlp-pill,.vlp-secondary,.vlp-filters button{background:rgba(8,33,59,.7);color:#fff}.vlp-primary{border-color:transparent;background:var(--vlp-accent);color:#fff}.vlp-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;min-width:0;flex-wrap:wrap}.vlp-filters{display:flex;min-width:0;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 1px 4px;-webkit-overflow-scrolling:touch}.vlp-filters::-webkit-scrollbar{display:none}.vlp-filters button{white-space:nowrap;font-size:13px;transition:.18s ease;flex:none}.vlp-filters button.is-active{background:var(--vlp-accent);border-color:var(--vlp-accent);color:#fff}.vlp-search{min-width:min(300px,100%);width:min(360px,100%);height:44px;border:1px solid var(--vlp-border);border-radius:13px;background:rgba(8,33,59,.62);display:flex;align-items:center;gap:8px;padding:0 12px;flex:0 1 360px}.vlp-search input{min-width:0;width:100%;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:inherit;font-size:16px;box-shadow:none!important}.vlp-search input::placeholder{color:#7f8998}.vlp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:18px}.vlp-single-grid{display:grid;grid-template-columns:minmax(0,420px);max-width:420px}.vlp-card{position:relative;min-width:0}.vlp-card-button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;min-width:0}.vlp-poster{position:relative;display:block;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:radial-gradient(circle at 30% 20%,#394555,#141922 52%,#080a0e);background-size:cover;background-position:center;box-shadow:0 14px 35px rgba(0,0,0,.24);transform:translateZ(0)}.vlp-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.55))}.vlp-poster-fallback{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;letter-spacing:.25em;color:rgba(255,255,255,.13);font-size:28px}.vlp-play-badge{position:absolute;left:14px;bottom:13px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#0b0d11;font-size:14px;padding-left:2px;opacity:0;transform:translateY(5px);transition:.18s ease}.vlp-card-button:focus-visible .vlp-play-badge{opacity:1;transform:none}.vlp-card-button:focus-visible .vlp-poster{outline:2px solid var(--vlp-accent);outline-offset:2px}.vlp-duration,.vlp-lock,.vlp-source-badge{position:absolute;z-index:2;top:10px;border-radius:8px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;padding:5px 7px}.vlp-duration{right:10px}.vlp-lock{left:10px}.vlp-source-badge{left:10px}.vlp-lock+.vlp-source-badge,.vlp-source-badge+.vlp-lock{top:40px}.vlp-card-copy{display:block;padding:10px 52px 3px 2px;min-width:0}.vlp-card-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:15px;line-height:1.3}.vlp-card-meta{display:block;margin-top:4px;color:var(--vlp-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vlp-favorite{position:absolute;right:7px;bottom:33px;width:44px;height:44px;border:1px solid rgba(180,212,255,.18);border-radius:50%;background:#08213b;color:#fff;font-size:19px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;padding:0}.vlp-favorite.is-favorite{color:var(--vlp-accent);border-color:var(--vlp-accent)}.vlp-progress-track{position:absolute;left:2px;right:2px;bottom:0;height:3px;border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}.vlp-progress-bar{display:block;height:100%;width:0;background:var(--vlp-accent)}.vlp-empty-state,.vlp-no-results{grid-column:1/-1;padding:34px;border:1px dashed var(--vlp-border);border-radius:16px;text-align:center;color:var(--vlp-muted)}.vlp-hero{position:relative;isolation:isolate;min-height:390px;border-radius:28px;padding:clamp(28px,5vw,62px);display:flex;align-items:flex-end;background-color:#04182d;background-size:cover;background-position:center;color:#fff;overflow:hidden}.vlp-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,6,9,.72),transparent 50%)}.vlp-hero-copy{max-width:660px;min-width:0}.vlp-hero-copy p{max-width:58ch;line-height:1.65}.vlp-hero-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.vlp-modal[hidden]{display:none!important}.vlp-modal{--vlp-border:rgba(180,212,255,.14);--vlp-accent:#003264;position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overscroll-behavior:contain}.vlp-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.vlp-player-shell{position:relative;width:min(1100px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#04182d;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.5)}.vlp-player-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.vlp-player-top>div{min-width:0}.vlp-player-top h3{margin:2px 0 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vlp-player-eyebrow{font-size:9px;letter-spacing:.18em;color:#8d98a8}.vlp-icon-btn{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;font-size:25px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;padding:0}.vlp-video-stage{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}.vlp-video-stage video,.vlp-youtube-stage,.vlp-youtube-stage iframe{width:100%;height:100%;display:block;border:0}.vlp-video-stage video{object-fit:contain}.vlp-youtube-stage{position:absolute;inset:0;background:#000}.vlp-youtube-stage[hidden]{display:none}.vlp-video-stage.is-youtube .vlp-center-play,.vlp-video-stage.is-youtube .vlp-controls{display:none!important}.vlp-video-empty{position:absolute;z-index:5;inset:0;display:grid;place-content:center;text-align:center;padding:20px;color:#8e98a7;background:#050609}.vlp-video-empty[hidden]{display:none}.vlp-empty-icon{width:60px;height:60px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#08213b;color:#fff}.vlp-center-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#080a0e;font-size:24px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;padding:0}.vlp-video-stage.is-playing .vlp-center-play{opacity:0;pointer-events:none}.vlp-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto auto auto;gap:10px;align-items:center;padding:24px 14px max(12px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.88));opacity:0;transition:.18s}.vlp-video-stage:focus-within .vlp-controls,.vlp-video-stage:not(.is-playing) .vlp-controls{opacity:1}.vlp-controls button,.vlp-controls select{min-width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(8,33,59,.88);color:#fff;padding:0 10px;font-size:16px}.vlp-controls button{display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;padding:0}.vlp-controls input[type=range]{width:100%;min-width:0;accent-color:var(--vlp-accent,#003264)}.vlp-controls span{font-size:11px;color:#d9dee7;white-space:nowrap}.vlp-player-info{padding:18px}.vlp-player-info p{margin:0;color:#aab3c1;line-height:1.55;font-size:14px;overflow-wrap:anywhere}.vlp-resume-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.vlp-resume-actions[hidden],.vlp-progress-track[hidden]{display:none}.vlp-card[hidden]{display:none}.vlp-library.vlp-continue .vlp-card:not(.vlp-in-progress){display:none}.vlp-library.vlp-continue .vlp-empty-state{display:block}.vlp-library.vlp-continue.has-items .vlp-empty-state{display:none}.vlp-library.vlp-continue.has-items .vlp-card.vlp-in-progress{display:block}
@media(hover:hover) and (pointer:fine){.vlp-card-button:hover .vlp-play-badge{opacity:1;transform:none}.vlp-card-button:hover .vlp-poster{outline:1px solid rgba(255,255,255,.18)}.vlp-video-stage:hover .vlp-controls{opacity:1}}
@media(hover:none),(pointer:coarse){.vlp-play-badge{opacity:1;transform:none}.vlp-controls{opacity:1}.vlp-card-button{touch-action:manipulation}}
@media(max-width:980px){.vlp-toolbar{align-items:stretch;flex-direction:column}.vlp-search{width:100%;min-width:0}.vlp-header{align-items:flex-start}}
@media(max-width:700px){.vlp-library{border-radius:20px;padding:16px}.vlp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vlp-single-grid{grid-template-columns:1fr;max-width:none}.vlp-header{flex-direction:column;margin-bottom:18px}.vlp-header h2{font-size:31px}.vlp-poster{border-radius:13px}.vlp-play-badge{width:40px;height:40px;left:9px;bottom:9px}.vlp-card-title{font-size:13px}.vlp-card-meta{font-size:11px}.vlp-favorite{right:3px;bottom:27px;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.vlp-hero{min-height:330px;border-radius:20px;padding:24px}.vlp-controls{grid-template-columns:auto minmax(0,1fr) auto auto;padding-inline:8px}.vlp-controls span{display:none}.vlp-controls input[type=range]{grid-column:1/-1;grid-row:1}.vlp-center-play{width:58px;height:58px}.vlp-player-shell{border-radius:16px}.vlp-modal{padding:max(7px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left))}.vlp-player-info{padding:14px}.vlp-resume-actions>*{flex:1}}
@media(max-width:380px){.vlp-grid{grid-template-columns:1fr}.vlp-header-actions,.vlp-header-actions .vlp-pill{width:100%}.vlp-hero-actions>*{flex:1}.vlp-controls{gap:5px}.vlp-controls button,.vlp-controls select{padding:0 7px}.vlp-player-top h3{font-size:16px}}
@media(max-height:520px) and (orientation:landscape){.vlp-modal{padding:0}.vlp-player-shell{width:100%;max-height:100vh;max-height:100dvh;border-radius:0;border-left:0;border-right:0}.vlp-player-top{padding-top:max(6px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:6px}.vlp-player-info{display:none}.vlp-video-stage{max-height:calc(100dvh - 58px);aspect-ratio:auto;height:calc(100dvh - 58px)}}
@media(display-mode:standalone){.vlp-library,.vlp-hero{scroll-margin-top:max(12px,env(safe-area-inset-top))}.vlp-modal{padding-top:max(8px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left))}}

@media(prefers-reduced-motion:reduce){.vlp-library *,.vlp-hero *,.vlp-modal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:1100px){.vlp-header{align-items:flex-start;flex-direction:column}.vlp-header-actions{width:100%}.vlp-header-actions .vlp-pill{margin-left:auto}.vlp-toolbar{align-items:stretch}.vlp-search{width:100%;flex:1 1 100%;min-width:0}}
@media(hover:hover){.vlp-card:hover .vlp-play-badge{opacity:1;transform:none}.vlp-card:hover .vlp-poster{outline:2px solid var(--vlp-accent);outline-offset:2px}}
@media(pointer:coarse){.vlp-play-badge{opacity:1;transform:none}}
@media(max-width:430px){.vlp-grid{grid-template-columns:1fr}.vlp-card-copy{padding-right:48px}.vlp-search{width:100%;min-width:0}}