.video-player-container{touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}media-player{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){media-player{width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;z-index:9999!important}body.video-playing{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}media-controls{opacity:1!important;transition:opacity .3s ease!important}media-control-button{min-width:44px!important;min-height:44px!important;padding:8px!important}media-time-slider{touch-action:none!important}media-time-slider,media-time-slider .vds-slider-track{height:6px!important}media-time-slider .vds-slider-thumb{width:20px!important;height:20px!important}}@media (min-width:769px){media-player{position:relative!important;width:100%!important;height:100%!important}}.video-modal-open{overflow:hidden!important}media-controls::-webkit-scrollbar{height:4px}media-controls::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}media-controls::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}media-controls::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;text-align:center}.video-loading .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-error{text-align:center;background:rgba(0,0,0,.8);padding:24px;border-radius:8px;max-width:300px}.touch-indicator,.video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white}.touch-indicator{background:rgba(0,0,0,.6);padding:8px 16px;border-radius:20px;font-size:14px;pointer-events:none;opacity:0;transition:opacity .3s ease}.touch-indicator.show{opacity:1}.video-player-container *{-webkit-user-select:none;-moz-user-select:none;user-select:none}video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.video-overlay button{pointer-events:auto}.mobile-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);backdrop-filter:blur(8px);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .2s ease;z-index:20}.mobile-nav-button:hover{background:rgba(255,255,255,.4);transform:translateY(-50%) scale(1.1)}.mobile-nav-button:active{transform:translateY(-50%) scale(.95)}.mobile-nav-button.prev{left:16px}.mobile-nav-button.next{right:16px}.action-buttons{position:absolute;right:16px;bottom:120px;display:flex;flex-direction:column;gap:12px;z-index:20}.action-button{background:rgba(244,63,94,.2);backdrop-filter:blur(8px);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .2s ease}.action-button:hover{background:rgba(244,63,94,.4);transform:scale(1.1)}.action-button:active{transform:scale(.95)}.action-button.active{background:rgba(244,63,94,.4)}.video-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:16px;color:white;z-index:20}.video-title{font-size:20px;font-weight:700;margin-bottom:8px}.video-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.difficulty-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.difficulty-beginner{background:rgba(34,197,94,.2);color:rgb(134,239,172)}.difficulty-intermediate{background:rgba(251,191,36,.2);color:rgb(252,211,77)}.difficulty-advanced{background:rgba(239,68,68,.2);color:rgb(252,165,165)}.muscle-groups{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.muscle-tag{background:rgba(255,255,255,.2);backdrop-filter:blur(8px);padding:4px 8px;border-radius:4px;font-size:12px}