.video-showcase input[type=range]{cursor:pointer;border-radius:4px;height:4px;transition:height .2s}.video-showcase input[type=range]:hover{height:6px}.video-showcase input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--secondary,#97e3f6);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 0 0 3px #97e3f633}.video-showcase input[type=range]::-moz-range-thumb{background:var(--secondary,#97e3f6);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 0 0 3px #97e3f633}.video-showcase input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.video-showcase input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.video-showcase.fixed:before{content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.2;transform:scale(.8)}50%{opacity:.5}to{opacity:.2;transform:scale(1.2)}}.video-showcase .loading-pulse{animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}.video-showcase button{transition:transform .2s,background-color .2s,color .2s;transform:translateY(0)}.video-showcase button:hover{transform:translateY(-2px)}.video-showcase button:active{transform:translateY(0)}.video-showcase .quality-badge{position:relative;overflow:hidden}.video-showcase .quality-badge:after{content:"";background:linear-gradient(to bottom right,#fff0 0%,#fff6 50%,#fff0 100%);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}20%,to{transform:translate(100%)rotate(45deg)}}@media (max-width:640px){.video-showcase .controls-row{flex-wrap:wrap}.video-showcase .time-display{display:none}}.video-showcase video{filter:brightness(1.05)contrast(1.05);will-change:transform;transform:translateZ(0)}.video-showcase{contain:content}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.video-showcase [data-placeholder]{background:linear-gradient(90deg,#ffffff08 8%,#ffffff14 18%,#ffffff08 33%) 0 0/1000px 100%;animation:2s linear infinite shimmer}.video-showcase .click-to-load{cursor:pointer;transition:transform .2s}.video-showcase .click-to-load:hover{transform:scale(1.05)}.video-showcase .click-to-load:active{transform:scale(.98)}.video-showcase video,.video-showcase .quality-badge,.video-showcase button{backface-visibility:hidden}