.shots-container{background:#000;bottom:0;overflow:hidden;z-index:9999}.shots-container,.shots-header{left:0;position:fixed;right:0;top:0}.shots-header{background:linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent);justify-content:space-between;padding:12px 16px;z-index:100}.shots-header,.shots-header .shots-logo{align-items:center;display:flex}.shots-header .shots-logo img{filter:brightness(0) invert(1);height:32px;width:auto}.shots-header .shots-logo span{color:#fff;font-size:20px;font-weight:700}.shots-header .shots-header-actions{align-items:center;display:flex;gap:12px}.shots-header .shots-close-btn{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:background .2s ease;width:40px}.shots-header .shots-close-btn:hover{background:hsla(0,0%,100%,.2)}.shots-feed{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100%;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.shots-feed::-webkit-scrollbar{display:none}.shot-item{align-items:center;background:#000;display:flex;height:100vh;height:100dvh;justify-content:center;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.shot-item.loading .shot-video-placeholder:after{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;position:absolute;top:50%;width:40px}.shot-item.paused .shot-play-overlay{opacity:1}.shot-video-wrapper{position:relative}.shot-video-player,.shot-video-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.shot-video-player .plyr,.shot-video-player .plyr__video-embed,.shot-video-player iframe,.shot-video-player video{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.shot-video-player .plyr--video{height:100%}.shot-video-player .plyr__video-embed iframe{pointer-events:none}.shot-iframe,.shot-video{border:none;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.shot-video-placeholder{align-items:center;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.shot-video-placeholder .shot-thumbnail{filter:blur(2px);height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.02);width:100%}.shot-play-overlay{background:rgba(0,0,0,.3);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.shot-play-btn,.shot-play-overlay{align-items:center;display:flex;justify-content:center}.shot-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;height:80px;width:80px}.shot-progress-bar{background:hsla(0,0%,100%,.2);bottom:0;height:3px;left:0;position:absolute;right:0;z-index:10}.shot-progress-fill{background:var(--primary-color,#7b68ee);height:100%;transition:width .1s linear}.shot-info-overlay{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 50%);bottom:0;display:flex;gap:16px;justify-content:space-between;left:0;padding:80px 16px 24px;pointer-events:none;position:absolute;right:0}.shot-info-overlay>*{pointer-events:auto}.shot-info-content{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.shot-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:16px;font-weight:600;margin:0;overflow:hidden}.shot-course-link{align-items:center;color:hsla(0,0%,100%,.9);display:inline-flex;font-size:14px;gap:6px;max-width:100%;text-decoration:none}.shot-course-link:hover{color:#fff}.shot-course-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-teacher-info{align-items:center;display:flex;gap:8px}.shot-teacher-avatar{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.shot-teacher-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.shot-avatar-placeholder{align-items:center;background:var(--primary-color,#7b68ee);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.shot-teacher-name{color:#fff;font-size:14px;font-weight:500;text-decoration:none}.shot-teacher-name:hover{text-decoration:underline}.shot-verified-badge{flex-shrink:0}.shot-category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.15);border-radius:12px;color:#fff;display:inline-block;font-size:12px;padding:4px 10px;width:-moz-fit-content;width:fit-content}.shot-actions{gap:20px}.shot-action-btn,.shot-actions{align-items:center;display:flex;flex-direction:column}.shot-action-btn{background:none;border:none;color:#fff;cursor:pointer;gap:4px;text-decoration:none;transition:transform .2s ease}.shot-action-btn:hover{transform:scale(1.1)}.shot-action-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:28px;width:28px}.shot-action-btn span{font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shot-duration{align-items:center;color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;font-size:12px;gap:2px}.shot-duration svg{height:16px;width:16px}.shots-mute-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:16px;top:70px;transition:background .2s ease;width:40px;z-index:100}.shots-mute-btn:hover{background:hsla(0,0%,100%,.2)}.shots-loading{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:100}.shots-spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#fff;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.shots-hints{animation:fadeInUp .5s ease;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:150}.shots-hint-content{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px 32px}.shots-hint-icon{animation:bounceUp 1s ease infinite;color:#fff}.shots-hints p{color:#fff;font-size:16px;font-weight:500;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.shots-empty{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:32px;text-align:center}.shots-empty-icon{margin-bottom:24px;opacity:.5}.shots-empty h3{font-size:24px;font-weight:600;margin:0 0 8px}.shots-empty p{color:hsla(0,0%,100%,.7);margin:0 0 24px}.shots-browse-btn{align-items:center;background:var(--primary-color,#7b68ee);border-radius:24px;color:#fff;display:inline-flex;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.shots-browse-btn:hover{opacity:.9;transform:scale(1.05)}.shot-error{align-items:center;color:hsla(0,0%,100%,.7);display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;text-align:center}.shot-error svg{margin-bottom:16px;opacity:.5}.shot-error p{font-size:14px;margin:0}.shots-toast{background:hsla(0,0%,100%,.95);border-radius:24px;bottom:100px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#333;font-size:14px;font-weight:500;left:50%;opacity:0;padding:12px 24px;position:fixed;transform:translateX(-50%) translateY(20px);transition:all .3s ease;z-index:200}.shots-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.rtl .shots-header .shots-close-btn{order:-1}.rtl .shot-info-overlay,.rtl .shot-teacher-info{flex-direction:row-reverse}.rtl .shots-mute-btn{left:16px;right:auto}@media (min-width:768px){.shot-item{align-items:center;display:flex;justify-content:center}.shot-video-wrapper{border-radius:16px;max-height:calc(100vh - 80px);max-width:500px;overflow:hidden}.shot-info-overlay{border-radius:0 0 16px 16px;left:50%;max-width:500px;transform:translateX(-50%)}.shot-actions{bottom:100px;position:fixed;right:calc(50% - 300px);transform:translateX(100%)}.rtl .shot-actions{left:calc(50% - 300px);right:auto;transform:translateX(-100%)}}@media (max-height:500px) and (orientation:landscape){.shot-video-wrapper{max-width:none}.shot-info-content{flex-direction:row;flex-wrap:wrap;gap:12px}.shot-video-title{flex:1;min-width:200px}.shot-actions{flex-direction:row;gap:24px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.shot-info-overlay{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.shots-toast{bottom:calc(100px + env(safe-area-inset-bottom))}}