:root{--video-color-primary-text:#ffffff;--video-color-primary-background:#0f172a;--video-color-primary-accent:#22d3ee;--video-color-playback-background:#000000;--video-color-playback-overlay:rgba(0,0,0,0.8);--video-color-playback-progress:#22d3ee;--video-color-playback-progress-buffer:#67e8f9;--video-color-engagement-background:rgba(255,255,255,0.1);--video-color-engagement-background-hover:rgba(255,255,255,0.2);--video-color-engagement-background-active:#22d3ee;--video-color-engagement-text:#94a3b8;--video-color-engagement-text-active:#ffffff;--video-color-metadata-background:rgba(255,255,255,0.04);--video-color-metadata-border:rgba(255,255,255,0.1);--video-color-metadata-text:#cbd5e1;--video-color-metadata-text-muted:#64748b;--video-color-metadata-accent:#67e8f9;--video-color-metadata-accent-background:rgba(103,232,249,0.1);--video-color-recommendation-background:rgba(255,255,255,0.02);--video-color-recommendation-border:rgba(255,255,255,0.05);--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 rgba(0,0,0,0.18);--video-shadow-md:0 8px 22px rgba(0,0,0,0.32);--video-shadow-lg:0 12px 30px rgba(0,0,0,0.36);--video-shadow-xl:0 24px 70px rgba(0,0,0,0.4);--video-animation-fast:150ms;--video-animation-normal:200ms;--video-animation-slow:300ms;--video-animation-slower:500ms;--video-animation-easing-default:cubic-bezier(0.4,0,0.2,1);--video-animation-easing-in:cubic-bezier(0.4,0,1,1);--video-animation-easing-out:cubic-bezier(0,0,0.2,1);--video-animation-easing-bounce:cubic-bezier(0.68,-0.55,0.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:rgba(255,255,255,0.2);--video-color-engagement-background-hover:rgba(255,255,255,0.3);--video-color-metadata-border:rgba(255,255,255,0.3)}.video-focus-visible:focus-visible{outline:3px solid var(--video-color-primary-accent);outline-offset:6px}}.video-captions{position:relative;background-color:rgba(0,0,0,.85);color:white;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;max-width:80%;margin:0 auto;backdrop-filter:blur(4px)}.video-overlay-text{position:relative;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6)}.video-overlay-background{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 30%,rgba(0,0,0,.3) 60%,transparent)}.video-button{min-height:44px;min-width:44px;padding:var(--video-spacing-engagement-sm) var(--video-spacing-engagement-lg)}.video-button-sm{min-height:36px;min-width: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:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:videoShimmer 1.5s infinite}@keyframes videoShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.video-spinner{animation:videoSpin 1s linear infinite}@keyframes videoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}