.shorts-container{position:fixed;inset:0;z-index:60;background:#000;overflow:hidden}@media(min-width:1024px){.shorts-container{left:var(--sidebar-w, 200px)}}.shorts-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:18px}.shorts-feed{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shorts-feed::-webkit-scrollbar{display:none}.shorts-slide{height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;background:#000}@media(min-width:1024px){.shorts-slide{height:100vh}}.shorts-player-wrap{position:relative;width:100%;max-width:100%;height:100%;max-height:100dvh;margin:0 auto;background:#111;border-radius:0;overflow:hidden}@media(min-width:768px){.shorts-player-wrap{max-width:420px;aspect-ratio:9 / 16;height:calc(100vh - 40px);max-height:calc(100vh - 40px);border-radius:16px;margin-top:20px}}.shorts-player{width:100%;height:100%}.shorts-player iframe{width:100%;height:100%;border:none}.shorts-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111;z-index:5;transition:opacity .3s ease}.shorts-loading.hidden{opacity:0;pointer-events:none}.shorts-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shorts-info-overlay{position:absolute;bottom:0;left:0;right:0;width:100%;padding:80px 16px 24px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.3) 50%,transparent 100%);z-index:10;pointer-events:none}@media(min-width:768px){.shorts-info-overlay{left:50%;right:auto;transform:translate(-50%);max-width:420px;bottom:20px;border-radius:0 0 16px 16px}}.shorts-info-content{display:flex;flex-direction:column;gap:8px}.shorts-video-title{font-size:15px;font-weight:600;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.5)}.shorts-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shorts-channel{font-size:13px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.5)}.shorts-cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-light);background:#ff660026;padding:2px 8px;border-radius:6px}.shorts-actions{position:absolute;right:12px;bottom:140px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:12}@media(min-width:768px){.shorts-actions{right:calc(50% - 230px);bottom:120px}}.shorts-action-btn{width:48px;height:48px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.shorts-action-btn:hover{background:#fff3;transform:scale(1.1)}.shorts-action-btn.liked{color:#ef4444;background:#ef444433}.shorts-counter{font-size:12px;font-weight:600;color:#ffffffb3;text-align:center}.shorts-nav{position:absolute;left:50%;transform:translate(-50%);z-index:12;width:40px;height:40px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;transition:all .2s ease}.shorts-nav:hover{opacity:1;background:#fff3}.shorts-nav-up{top:12px}.shorts-nav-down{bottom:12px}@media(max-width:767px){.shorts-nav{display:none}}.shorts-back{position:absolute;top:16px;left:16px;z-index:50;width:40px;height:40px;border-radius:50%;background:#00000080;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;text-decoration:none}.shorts-back:hover{background:#000000b3;transform:scale(1.05)}.shorts-progress{position:absolute;top:0;left:0;right:0;width:100%;height:3px;background:#ffffff26;z-index:15}@media(min-width:768px){.shorts-progress{left:50%;right:auto;transform:translate(-50%);max-width:420px}}.shorts-progress-bar{height:100%;background:var(--accent-light);width:0%;transition:width .3s linear}@media(max-width:1023px){body:has(.shorts-container)>header.fixed,body:has(.shorts-container)>nav.fixed{display:none!important}}