.video-player{position:relative;width:100%;max-width:56rem;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:#12121298;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-player__video{width:100%;display:block;cursor:pointer;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain}.video-player--portrait .video-player__video{aspect-ratio:9/16}.video-player__preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;border-radius:var(--radius-lg)}.video-player__preview:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}.video-player__preview-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-player__preview--poster .video-player__preview-play{border-color:transparent;background:hsl(var(--primary));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow-md)}.video-player__preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0b0e}.video-player__preview-blob{position:absolute;border-radius:50%}.video-player__preview-blob--1{width:55%;height:75%;background:radial-gradient(circle at center,hsl(var(--primary)/.65),transparent 70%);filter:blur(60px);top:-20%;left:-8%;animation:vp-blob-1 9s ease-in-out infinite alternate}.video-player__preview-blob--2{width:50%;height:65%;background:radial-gradient(circle at center,hsla(192,91%,36%,.55),transparent 70%);filter:blur(65px);bottom:-18%;right:-6%;animation:vp-blob-2 11s ease-in-out infinite alternate}.video-player__preview-blob--3{width:38%;height:48%;background:radial-gradient(circle at center,hsl(var(--accent-foreground)/.45),transparent 70%);filter:blur(52px);top:30%;left:38%;animation:vp-blob-3 7s ease-in-out infinite alternate}.video-player__preview-play{position:relative;z-index:1;width:4rem;height:4rem;border-radius:50%;background:#ffffff1a;border:1.5px solid hsla(0,0%,100%,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 14px #ffffff0a,0 0 40px hsl(var(--primary)/.4)}.video-player__preview-play svg{width:1.375rem;height:1.375rem;margin-left:var(--space-1)}@media (max-width: 480px){.video-player__preview-play{width:3rem;height:3rem}.video-player__preview-play svg{width:1rem;height:1rem;margin-left:.15rem}}@keyframes vp-blob-1{0%{transform:translate(0) scale(1)}to{transform:translate(7%,5%) scale(1.1)}}@keyframes vp-blob-2{0%{transform:translate(0) scale(1)}to{transform:translate(-6%,-9%) scale(1.06)}}@keyframes vp-blob-3{0%{transform:translate(0) scale(1)}to{transform:translate(-5%,7%) scale(.94)}}.video-player__controls{position:absolute;bottom:0;left:0;right:0;margin:var(--space-2);padding:var(--space-3) var(--space-4);background:#12121298;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);max-width:36rem;margin-left:auto;margin-right:auto}@media (max-width: 480px){.video-player__controls{padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);margin:var(--space-1-5)}}.video-player__timeline{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}@media (max-width: 480px){.video-player__timeline{margin-bottom:var(--space-1);gap:var(--space-1)}}.video-player__time{color:#ffffffe6;font-size:var(--text-caption);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}@media (max-width: 480px){.video-player__time{font-size:var(--text-micro)}}.video-player__actions{display:flex;align-items:center;justify-content:space-between}.video-player__left{display:flex;align-items:center;gap:var(--space-1)}.video-player__right{display:flex;align-items:center;position:relative}.video-player__btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:transparent;color:#fff;cursor:pointer;padding:0;transition:background var(--duration-fast) var(--var(--ease-out));flex-shrink:0}.video-player__btn:hover{background:#121212d1}.video-player__btn svg{width:1.125rem;height:1.125rem}@media (max-width: 480px){.video-player__btn{width:1.5rem;height:1.5rem}.video-player__btn svg{width:.875rem;height:.875rem}}.video-player__volume-track{width:5rem;margin-left:var(--space-0-5)}@media (max-width: 480px){.video-player__volume-track{display:none}}.video-player__speed-trigger{display:flex;align-items:center;gap:var(--space-1);height:2rem;padding:0 var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:#fff;cursor:pointer;font-size:var(--text-caption);font-weight:500;white-space:nowrap;transition:background var(--duration-fast) var(--var(--ease-out))}.video-player__speed-trigger:hover{background:#121212d1}@media (max-width: 480px){.video-player__speed-trigger{height:1.5rem;padding:0 var(--space-1);font-size:var(--text-micro)}}.video-player__speed-caret{width:.75rem;height:.75rem;opacity:.7;transition:transform var(--duration-base) var(--var(--ease-out))}.video-player__speed-caret--open{transform:rotate(180deg)}.video-player__speed-dropdown{position:absolute;bottom:calc(100% + .375rem);right:0;background:#121212f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.08);overflow:hidden;min-width:4.5rem;box-shadow:var(--shadow-lg)}.video-player__speed-option{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-1-5) var(--space-3);border:none;background:transparent;color:#ffffffb3;font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.video-player__speed-option:hover{background:#ffffff14;color:#fff}.video-player__speed-option--active{color:#fff;background:#ffffff1f}@media (max-width: 480px){.video-player__speed-option{padding:var(--space-1-5) var(--space-2-5);font-size:var(--text-caption)}}.vp-slider{position:relative;width:100%;height:.25rem;background:#fff3;border-radius:var(--radius-full);cursor:pointer}.vp-slider__buffer{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;border-radius:var(--radius-full);transition:width .5s linear}.vp-slider__fill{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:var(--radius-full)}.video-player__slider{flex:1}