:root{--video-color-primary-text:#fff;--video-color-primary-background:#0f172a;--video-color-primary-accent:#22d3ee;--video-color-playback-background:#000;--video-color-playback-overlay:#000c;--video-color-playback-progress:#22d3ee;--video-color-playback-progress-buffer:#67e8f9;--video-color-engagement-background:#ffffff1a;--video-color-engagement-background-hover:#fff3;--video-color-engagement-background-active:#22d3ee;--video-color-engagement-text:#94a3b8;--video-color-engagement-text-active:#fff;--video-color-metadata-background:#ffffff0a;--video-color-metadata-border:#ffffff1a;--video-color-metadata-text:#cbd5e1;--video-color-metadata-text-muted:#64748b;--video-color-metadata-accent:#67e8f9;--video-color-metadata-accent-background:#67e8f91a;--video-color-recommendation-background:#ffffff05;--video-color-recommendation-border:#ffffff0d;--video-color-recommendation-text:#94a3b8;--video-typography-primary-size-desktop:32px;--video-typography-primary-size-tablet:28px;--video-typography-primary-size-mobile:24px;--video-typography-primary-weight:700;--video-typography-primary-line-height:1.2;--video-typography-playback-size-desktop:20px;--video-typography-playback-size-tablet:18px;--video-typography-playback-size-mobile:16px;--video-typography-playback-weight:600;--video-typography-playback-line-height:1.4;--video-typography-engagement-size-desktop:16px;--video-typography-engagement-size-tablet:15px;--video-typography-engagement-size-mobile:14px;--video-typography-engagement-weight:500;--video-typography-engagement-line-height:1.5;--video-typography-metadata-size-desktop:14px;--video-typography-metadata-size-tablet:13px;--video-typography-metadata-size-mobile:13px;--video-typography-metadata-weight:400;--video-typography-metadata-line-height:1.6;--video-typography-recommendation-size:12px;--video-typography-recommendation-weight:400;--video-typography-recommendation-line-height:1.5;--video-spacing-primary-xs:4px;--video-spacing-primary-sm:8px;--video-spacing-primary-md:16px;--video-spacing-primary-lg:24px;--video-spacing-primary-xl:32px;--video-spacing-playback-xs:4px;--video-spacing-playback-sm:8px;--video-spacing-playback-md:12px;--video-spacing-playback-lg:20px;--video-spacing-playback-xl:24px;--video-spacing-engagement-xs:4px;--video-spacing-engagement-sm:6px;--video-spacing-engagement-md:8px;--video-spacing-engagement-lg:12px;--video-spacing-engagement-xl:16px;--video-spacing-metadata-xs:2px;--video-spacing-metadata-sm:4px;--video-spacing-metadata-md:6px;--video-spacing-metadata-lg:8px;--video-spacing-metadata-xl:12px;--video-spacing-recommendation-xs:2px;--video-spacing-recommendation-sm:4px;--video-spacing-recommendation-md:4px;--video-spacing-recommendation-lg:8px;--video-spacing-recommendation-xl:8px;--video-border-radius-sm:4px;--video-border-radius-md:8px;--video-border-radius-lg:12px;--video-border-radius-xl:16px;--video-border-radius-xxl:22px;--video-border-radius-full:9999px;--video-shadow-sm:0 4px 14px #0000002e;--video-shadow-md:0 8px 22px #00000052;--video-shadow-lg:0 12px 30px #0000005c;--video-shadow-xl:0 24px 70px #0006;--video-animation-fast:.15s;--video-animation-normal:.2s;--video-animation-slow:.3s;--video-animation-slower:.5s;--video-animation-easing-default:cubic-bezier(.4, 0, .2, 1);--video-animation-easing-in:cubic-bezier(.4, 0, 1, 1);--video-animation-easing-out:cubic-bezier(0, 0, .2, 1);--video-animation-easing-bounce:cubic-bezier(.68, -.55, .265, 1.55)}.video-text-primary{color:var(--video-color-primary-text)}.video-bg-primary{background-color:var(--video-color-primary-background)}.video-accent-primary{color:var(--video-color-primary-accent)}.video-bg-playback{background-color:var(--video-color-playback-background)}.video-overlay-playback{background:var(--video-color-playback-overlay)}.video-progress-primary{background-color:var(--video-color-playback-progress)}.video-bg-engagement{background-color:var(--video-color-engagement-background)}.video-bg-engagement-hover{background-color:var(--video-color-engagement-background-hover)}.video-bg-engagement-active{background-color:var(--video-color-engagement-background-active)}.video-text-engagement{color:var(--video-color-engagement-text)}.video-bg-metadata{background-color:var(--video-color-metadata-background)}.video-border-metadata{border-color:var(--video-color-metadata-border)}.video-text-metadata{color:var(--video-color-metadata-text)}.video-text-metadata-muted{color:var(--video-color-metadata-text-muted)}.video-focus-visible:focus-visible{outline:2px solid var(--video-color-primary-accent);outline-offset:4px;border-radius:var(--video-border-radius-md)}.video-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.video-disabled:hover{opacity:.5;transform:none}@media (prefers-contrast:high){:root{--video-color-engagement-background:#fff3;--video-color-engagement-background-hover:#ffffff4d;--video-color-metadata-border:#ffffff4d}.video-focus-visible:focus-visible{outline:3px solid var(--video-color-primary-accent);outline-offset:6px}}.video-captions{color:#fff;padding:var(--video-spacing-engagement-sm) var(--video-spacing-engagement-md);border-radius:var(--video-border-radius-sm);font-size:var(--video-typography-engagement-size-desktop);line-height:var(--video-typography-engagement-line-height);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;max-width:80%;margin:0 auto;position:relative}.video-overlay-text{z-index:10;text-shadow:0 1px 3px #000c,0 1px 2px #0009;position:relative}.video-overlay-background{background:linear-gradient(#0000 0%,#0000004d 40%,#0009 70%,#000000e6 100%)}.video-button{min-width:44px;min-height:44px;padding:var(--video-spacing-engagement-sm) var(--video-spacing-engagement-lg)}.video-button-sm{min-width:36px;min-height:36px;padding:var(--video-spacing-engagement-xs) var(--video-spacing-engagement-md)}.video-fade-in{animation:videoFadeIn var(--video-animation-normal) var(--video-animation-easing-out)}@keyframes videoFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.video-scale-in{animation:videoScaleIn var(--video-animation-normal) var(--video-animation-easing-out)}@keyframes videoScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-pulse{animation:videoPulse var(--video-animation-slower) var(--video-animation-easing-bounce)}@keyframes videoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.video-shimmer{position:relative;overflow:hidden}.video-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:1.5s infinite videoShimmer;position:absolute;inset:0}@keyframes videoShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.video-spinner{animation:1s linear infinite videoSpin}@keyframes videoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-typography-primary{font-size:var(--video-typography-primary-size-desktop);font-weight:var(--video-typography-primary-weight);line-height:var(--video-typography-primary-line-height)}.video-typography-playback{font-size:var(--video-typography-playback-size-desktop);font-weight:var(--video-typography-playback-weight);line-height:var(--video-typography-playback-line-height)}.video-typography-engagement{font-size:var(--video-typography-engagement-size-desktop);font-weight:var(--video-typography-engagement-weight);line-height:var(--video-typography-engagement-line-height)}.video-typography-metadata{font-size:var(--video-typography-metadata-size-desktop);font-weight:var(--video-typography-metadata-weight);line-height:var(--video-typography-metadata-line-height)}.video-spacing-primary-md{padding:var(--video-spacing-primary-md)}.video-spacing-engagement-md{padding:var(--video-spacing-engagement-md)}.video-spacing-metadata-md{padding:var(--video-spacing-metadata-md)}.video-radius-sm{border-radius:var(--video-border-radius-sm)}.video-radius-md{border-radius:var(--video-border-radius-md)}.video-radius-lg{border-radius:var(--video-border-radius-lg)}.video-radius-xl{border-radius:var(--video-border-radius-xl)}.video-radius-full{border-radius:var(--video-border-radius-full)}.video-shadow-sm{box-shadow:var(--video-shadow-sm)}.video-shadow-md{box-shadow:var(--video-shadow-md)}.video-shadow-lg{box-shadow:var(--video-shadow-lg)}.video-shadow-xl{box-shadow:var(--video-shadow-xl)}.video-transition-fast{transition:all var(--video-animation-fast) var(--video-animation-easing-default)}.video-transition-normal{transition:all var(--video-animation-normal) var(--video-animation-easing-default)}.video-transition-slow{transition:all var(--video-animation-slow) var(--video-animation-easing-default)}@media (max-width:768px){:root{--video-typography-primary-size-desktop:var(--video-typography-primary-size-mobile);--video-typography-playback-size-desktop:var(--video-typography-playback-size-mobile);--video-typography-engagement-size-desktop:var(--video-typography-engagement-size-mobile);--video-typography-metadata-size-desktop:var(--video-typography-metadata-size-mobile)}}@media (min-width:768px) and (max-width:1024px){:root{--video-typography-primary-size-desktop:var(--video-typography-primary-size-tablet);--video-typography-playback-size-desktop:var(--video-typography-playback-size-tablet);--video-typography-engagement-size-desktop:var(--video-typography-engagement-size-tablet);--video-typography-metadata-size-desktop:var(--video-typography-metadata-size-tablet)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}
