.video-player{position:relative;aspect-ratio:3/4;width:400px;max-width:100%;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.video-player:hover .video-player__controls,.video-player.playing .video-player__controls{opacity:1}.video-player__wrapper{position:relative;width:100%;height:100%;cursor:pointer}.video-player__video,.video-player__youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.video-player__poster{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;cursor:pointer;z-index:10;transition:opacity .3s}.video-player__poster::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:background .3s}.video-player__poster:hover::before{background:rgba(0,0,0,.2)}.video-player__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70px;height:70px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:11;pointer-events:none}.video-player__play-btn:hover{transform:translate(-50%, -50%) scale(1.1);background:#fff}.video-player__play-btn::after{content:"";width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000;margin-left:4px}.video-player__controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);padding:35px 12px 12px;opacity:0;transition:opacity .3s;z-index:5;pointer-events:auto}.video-player__progress{width:100%;height:4px;background:rgba(255,255,255,.3);border-radius:4px;cursor:pointer;margin-bottom:8px;position:relative}.video-player__progress-fill{height:100%;background:#e50914;border-radius:4px;width:0%;transition:width .1s;pointer-events:none}.video-player__buttons{display:flex;align-items:center;gap:10px;color:#fff}.video-player__btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.video-player__btn:hover{transform:scale(1.1)}.video-player__icon{width:20px;height:20px;fill:currentColor;pointer-events:none}.video-player__time{font-size:12px;margin-left:auto;user-select:none}.video-mini-player{position:fixed;bottom:20px;right:20px;width:180px;aspect-ratio:3/4;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:9999;animation:slideInUp .3s ease-out}@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.video-mini-player__wrapper{position:relative;width:100%;height:100%}.video-mini-player__video,.video-mini-player__youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-mini-player__close{position:absolute;top:6px;right:6px;width:28px;height:28px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.video-mini-player__close:hover{background:rgba(255,0,0,.9);transform:scale(1.1)}.video-mini-player__close svg{pointer-events:none;width:16px;height:16px}.video-mini-player__goto{position:absolute;top:6px;right:38px;width:28px;height:28px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.video-mini-player__goto:hover{background:rgba(0,0,0,.95);transform:scale(1.1)}.video-mini-player__goto svg{pointer-events:none;width:16px;height:16px}.video-mini-player__controls{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);padding:20px 8px 8px;display:flex;flex-direction:column;gap:6px}.video-mini-player__play-pause{background:none;border:none;color:#fff;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:transform .2s}.video-mini-player__play-pause:hover{transform:scale(1.1)}.video-mini-player__icon{width:18px;height:18px;fill:currentColor;pointer-events:none}.video-mini-player__progress{width:100%;height:3px;background:rgba(255,255,255,.3);border-radius:3px;position:relative;cursor:pointer}.video-mini-player__progress-fill{height:100%;background:#e50914;border-radius:3px;width:0%;transition:width .1s}