:root{--shorts-video-width:430px;--shorts-actions-width:60px;--shorts-gap:16px;--shorts-width:calc(var(--shorts-video-width) + var(--shorts-actions-width) + var(--shorts-gap));--shorts-border-radius:18px}body.shorts-page-active{overflow:hidden !important;user-select:none;-webkit-user-select:none;background:#060210 !important;height:100vh;height:100dvh}.shorts-main-wrapper{position:fixed;top:64px;left:0;right:0;bottom:0;width:100vw;height:calc(100dvh - 64px);display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 25%,rgba(99,102,241,0.08) 0%,#060210 100%);overflow:hidden}.shorts-viewport{position:relative;width:100%;max-width:var(--shorts-width);height:calc(100% - 24px);max-height:calc(100dvh - 88px);margin:0 auto;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.shorts-feed{position:relative;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.shorts-feed::-webkit-scrollbar{display:none}.short-card{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:var(--shorts-gap,16px);overflow:visible;background:transparent;padding-bottom:8px;box-sizing:border-box}.short-card::before{display:none}.short-video-wrap{position:relative;width:var(--shorts-video-width,430px);max-width:calc(100% - 76px);height:100%;max-height:100%;aspect-ratio:9 / 16;border-radius:var(--shorts-border-radius,18px);overflow:hidden;background:#000000;box-shadow:0 16px 50px rgba(0,0,0,0.85),0 0 35px rgba(99,102,241,0.22);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.short-video{width:100%;height:100%;max-height:100%;object-fit:contain;display:block;cursor:pointer;z-index:2;background:#000000}.short-center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);width:72px;height:72px;border-radius:50%;background:rgba(13,8,28,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;pointer-events:none;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),opacity 0.2s ease;z-index:15}.short-center-icon svg{width:34px;height:34px;fill:#fff}.short-card.paused .short-center-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.short-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid rgba(255,255,255,0.15);border-top-color:var(--primary,#6366f1);border-radius:50%;animation:shortsSpin 0.8s linear infinite;opacity:0;pointer-events:none;z-index:16;transition:opacity 0.2s ease}@keyframes shortsSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.short-card.buffering .short-spinner{opacity:1}.short-heart-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100px;height:100px;z-index:25;pointer-events:none;color:#f43f5e}.short-heart-popup svg{width:100%;height:100%;fill:#f43f5e;filter:drop-shadow(0 0 25px rgba(244,63,94,0.8))}.short-heart-popup.animate{animation:heartPop 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards}@keyframes heartPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}35%{transform:translate(-50%,-50%) scale(1.35);opacity:1}65%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-65%) scale(0.85);opacity:0}}.short-volume-hud{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.85);background:rgba(13,8,28,0.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(99,102,241,0.45);color:#fff;padding:12px 24px;border-radius:30px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;font-family:'Outfit',sans-serif;z-index:30;pointer-events:none;opacity:0;transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1),transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 8px 32px rgba(0,0,0,0.7),0 0 20px rgba(99,102,241,0.35)}.short-volume-hud.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.short-volume-hud-icon svg{width:24px;height:24px;stroke:#818cf8;fill:none;stroke-width:2;display:block}.short-actions{position:relative;right:auto;bottom:auto;width:var(--shorts-actions-width,60px);display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:20px;z-index:20;flex-shrink:0}.short-action-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.short-action-btn{width:48px;height:48px;border-radius:50%;background:rgba(18,12,38,0.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),background 0.2s,border-color 0.2s,box-shadow 0.2s;box-shadow:0 4px 16px rgba(0,0,0,0.45)}.short-action-btn:hover{transform:scale(1.1);background:rgba(99,102,241,0.4);border-color:rgba(99,102,241,0.7);box-shadow:0 0 20px rgba(99,102,241,0.4)}.short-action-btn:active{transform:scale(0.92)}.short-action-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;transition:transform 0.2s}.short-action-btn.liked{color:#f43f5e;border-color:rgba(244,63,94,0.5);background:rgba(244,63,94,0.2)}.short-action-btn.liked svg{fill:#f43f5e;stroke:#f43f5e;transform:scale(1.15)}.short-action-count{font-size:11px;font-weight:700;color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,0.8);font-family:'Outfit',sans-serif}.short-volume-group{position:relative}.short-volume-popup{position:absolute;right:58px;top:50%;transform:translateY(-50%) scale(0.85);background:rgba(13,8,28,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,0.4);padding:14px 10px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 8px 30px rgba(0,0,0,0.7),0 0 15px rgba(99,102,241,0.25);opacity:0;pointer-events:none;transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1),transform 0.2s cubic-bezier(0.34,1.56,0.64,1);z-index:40}.short-volume-group:hover .short-volume-popup,.short-volume-group:focus-within .short-volume-popup,.short-volume-popup:hover{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.short-volume-percent{font-size:11px;font-weight:800;color:#a5b4fc;font-family:'Outfit',sans-serif;user-select:none}.short-volume-track{position:relative;width:6px;height:100px;background:rgba(255,255,255,0.15);border-radius:10px;overflow:hidden;display:flex;align-items:flex-end}.short-volume-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#6366f1,#818cf8,#a855f7);box-shadow:0 0 10px rgba(129,140,248,0.8);border-radius:10px;pointer-events:none;transition:height 0.08s linear}.short-volume-range{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:28px;opacity:0;cursor:pointer;writing-mode:vertical-lr;direction:rtl}.short-author-avatar-btn{position:relative;width:48px;height:48px;border-radius:50%;border:2px solid #8b5cf6;box-shadow:0 0 16px rgba(139,92,246,0.5);cursor:pointer;margin-bottom:6px;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.2s ease;background:#130e29;display:block}.short-author-avatar-btn:hover{transform:scale(1.1);box-shadow:0 0 24px rgba(139,92,246,0.85)}.short-author-avatar-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.short-avatar-badge{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:#f43f5e;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0d081c;box-shadow:0 2px 6px rgba(0,0,0,0.6)}.short-avatar-badge svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:3}.short-info{position:absolute;left:14px;right:14px;bottom:16px;z-index:20;display:flex;flex-direction:column;gap:8px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.78) 100%);padding:24px 12px 10px;border-radius:0 0 var(--shorts-border-radius,18px) var(--shorts-border-radius,18px)}.short-info *{pointer-events:auto}.short-author-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.short-author-badge-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;background:rgba(13,8,28,0.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:3px 14px 3px 4px;border-radius:30px;border:1px solid rgba(255,255,255,0.12);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px rgba(0,0,0,0.4)}.short-author-badge-link:hover{background:rgba(99,102,241,0.35);border-color:rgba(99,102,241,0.6);transform:translateY(-1px);box-shadow:0 6px 18px rgba(99,102,241,0.35)}.short-author-avatar-chip{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,0.4);box-shadow:0 0 10px rgba(99,102,241,0.4);background:#1a1033;display:block}.short-author-name{font-size:15px;font-weight:700;color:#ffffff;font-family:'Outfit',sans-serif;text-shadow:0 2px 6px rgba(0,0,0,0.8)}.short-date{font-size:12px;color:#94a3b8;font-weight:500;font-family:'Outfit',sans-serif;text-shadow:0 2px 4px rgba(0,0,0,0.8)}.short-title{font-size:13px;font-weight:500;color:#cbd5e1;line-height:1.4;text-shadow:0 2px 6px rgba(0,0,0,0.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.short-guild-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(13,8,28,0.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.12);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#c4b5fd;text-decoration:none;width:fit-content;transition:background 0.2s,border-color 0.2s}.short-guild-badge:hover{background:rgba(99,102,241,0.3);border-color:rgba(99,102,241,0.6)}.short-timeline-wrap{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,0.18);cursor:pointer;z-index:25;transition:height 0.15s ease}.short-timeline-wrap:hover{height:7px}.short-timeline-buffer{position:absolute;top:0;left:0;height:100%;width:0%;background:rgba(168,85,247,0.45);box-shadow:0 0 8px rgba(168,85,247,0.3);pointer-events:none;transition:width 0.2s ease}.short-timeline-bar{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#ec4899);box-shadow:0 0 10px rgba(236,72,153,0.7);position:relative;z-index:2}.shorts-nav-arrows{position:absolute;right:calc(50% - var(--shorts-width) / 2 - 76px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:30}.shorts-nav-btn{width:50px;height:50px;border-radius:50%;background:rgba(18,12,38,0.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,0.5);transition:transform 0.2s,background 0.2s,border-color 0.2s}.shorts-nav-btn:hover{transform:scale(1.12);background:rgba(99,102,241,0.4);border-color:rgba(99,102,241,0.8)}.shorts-nav-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.5;fill:none}@media (max-width:650px){.shorts-nav-arrows{display:none}}.shorts-comments-drawer{position:absolute;bottom:0;left:0;width:var(--shorts-video-width,430px);max-width:100%;height:68%;background:rgba(13,7,28,0.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,0.15);border-radius:20px 20px 0 0;z-index:40;display:flex;flex-direction:column;transform:translateY(105%);transition:transform 0.32s cubic-bezier(0.16,1,0.3,1);box-shadow:0 -12px 40px rgba(0,0,0,0.75)}.shorts-comments-drawer.open{transform:translateY(0%)}.shorts-comments-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.08)}.shorts-comments-title{font-size:15px;font-weight:700;color:#fff;font-family:'Outfit',sans-serif}.shorts-comments-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color 0.2s}.shorts-comments-close:hover{color:#fff}.shorts-comments-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.shorts-comment-item{display:flex;gap:12px}.shorts-comment-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.shorts-comment-body{display:flex;flex-direction:column;gap:3px;font-size:13px}.shorts-comment-author{font-weight:700;color:#c4b5fd}.shorts-comment-text{color:#e2e8f0;line-height:1.35;word-break:break-word}.shorts-comments-input-bar{padding:14px 20px;display:flex;gap:10px;border-top:1px solid rgba(255,255,255,0.08);background:rgba(10,5,20,0.9)}.shorts-comments-input{flex:1;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:8px 16px;color:#fff;font-size:13px;font-family:'Outfit',sans-serif;outline:none;transition:border-color 0.2s}.shorts-comments-input:focus{border-color:var(--primary,#6366f1)}.shorts-comments-send-btn{background:var(--primary,#6366f1);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 0.2s,opacity 0.2s}.shorts-comments-send-btn:hover{transform:scale(1.08);opacity:0.95}.shorts-upload-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(99,102,241,0.25) 0%,rgba(168,85,247,0.25) 100%);border:1px solid rgba(168,85,247,0.5);color:#fff;padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;font-family:'Outfit',sans-serif;cursor:pointer;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 10px rgba(168,85,247,0.2)}.shorts-upload-btn:hover{background:linear-gradient(135deg,rgba(99,102,241,0.45) 0%,rgba(168,85,247,0.45) 100%);border-color:rgba(168,85,247,0.85);transform:translateY(-1px) scale(1.02);box-shadow:0 4px 18px rgba(168,85,247,0.4)}.shorts-upload-btn svg{stroke:#c4b5fd;transition:transform 0.2s ease}.shorts-upload-btn:hover svg{stroke:#ffffff;transform:rotate(90deg)}.shorts-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:rgba(3,1,10,0.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1);padding:16px}.shorts-modal-overlay.open{opacity:1;pointer-events:auto}.shorts-upload-modal{width:100%;max-width:480px;background:#0d081c;border:1px solid rgba(168,85,247,0.35);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.85),0 0 40px rgba(99,102,241,0.2);overflow:hidden;transform:translateY(20px) scale(0.96);transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1);display:flex;flex-direction:column}.shorts-modal-overlay.open .shorts-upload-modal{transform:translateY(0) scale(1)}.shorts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02)}.shorts-modal-title-wrap{display:flex;align-items:center;gap:10px}.shorts-modal-icon{width:32px;height:32px;border-radius:8px;background:rgba(99,102,241,0.2);border:1px solid rgba(99,102,241,0.4);display:flex;align-items:center;justify-content:center;color:#818cf8}.shorts-modal-title{font-size:17px;font-weight:700;color:#ffffff;font-family:'Outfit',sans-serif;margin:0}.shorts-modal-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color 0.15s,background 0.15s}.shorts-modal-close:hover{color:#ffffff;background:rgba(255,255,255,0.08)}.shorts-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.shorts-dropzone{border:2px dashed rgba(168,85,247,0.4);border-radius:16px;background:rgba(255,255,255,0.02);padding:24px 16px;text-align:center;cursor:pointer;transition:all 0.2s ease;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.shorts-dropzone:hover,.shorts-dropzone.drag-over{border-color:#a855f7;background:rgba(168,85,247,0.08)}.shorts-dropzone-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.shorts-dropzone-icon{width:60px;height:60px;border-radius:50%;background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.3);display:flex;align-items:center;justify-content:center;color:#818cf8;margin-bottom:4px}.shorts-dropzone-primary{font-size:14px;font-weight:600;color:#e2e8f0;font-family:'Outfit',sans-serif;margin:0}.shorts-highlight{color:#a855f7;text-decoration:underline}.shorts-dropzone-hint{font-size:12px;color:#94a3b8;margin:0}.shorts-dropzone-limit{font-size:11px;color:#64748b;margin-top:4px;font-weight:500}.shorts-preview-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.shorts-preview-video{max-width:220px;max-height:280px;border-radius:12px;border:1px solid rgba(255,255,255,0.15);background:#000;box-shadow:0 8px 24px rgba(0,0,0,0.6);object-fit:contain}.shorts-file-info{font-size:12px;color:#c4b5fd;font-weight:600;font-family:'Outfit',sans-serif;word-break:break-all}.shorts-remove-file-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(244,63,94,0.2);border:1px solid rgba(244,63,94,0.4);color:#f43f5e;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;font-family:'Outfit',sans-serif;cursor:pointer;transition:all 0.2s}.shorts-remove-file-btn:hover{background:rgba(244,63,94,0.35);border-color:#f43f5e}.shorts-progress-bar-wrap{display:flex;flex-direction:column;gap:6px}.shorts-progress-info{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#cbd5e1;font-family:'Outfit',sans-serif}.shorts-progress-track{height:6px;background:rgba(255,255,255,0.1);border-radius:6px;overflow:hidden}.shorts-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#ec4899);border-radius:6px;transition:width 0.15s ease}.shorts-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.shorts-btn-cancel{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:#cbd5e1;padding:9px 18px;border-radius:12px;font-size:13px;font-weight:600;font-family:'Outfit',sans-serif;cursor:pointer;transition:background 0.15s}.shorts-btn-cancel:hover{background:rgba(255,255,255,0.14);color:#fff}.shorts-btn-submit{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;color:#fff;padding:9px 22px;border-radius:12px;font-size:13px;font-weight:700;font-family:'Outfit',sans-serif;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 16px rgba(168,85,247,0.35)}.shorts-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(168,85,247,0.5)}.shorts-btn-submit:disabled{opacity:0.5;cursor:not-allowed;box-shadow:none}@media (max-width:650px){:root{--shorts-width:100vw}.shorts-main-wrapper{top:56px;height:calc(100dvh - 56px)}.shorts-viewport{max-width:100vw;height:100%;max-height:100%;border-radius:0;box-shadow:none}.short-card{border-radius:0;padding-bottom:0;gap:0;justify-content:center}.short-video-wrap{width:100%;max-width:100%;height:100%;aspect-ratio:auto;border-radius:0;border:none;box-shadow:none}.short-actions{position:absolute;right:8px;bottom:50px;margin-bottom:0;gap:12px;z-index:25}.short-action-btn{width:42px;height:42px}.short-author-avatar-btn{width:44px;height:44px}.short-info{left:12px;right:68px;bottom:16px;padding:0;background:transparent}.short-author-badge-link{max-width:calc(100vw - 110px);overflow:hidden}.short-author-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.short-volume-popup{right:50px}.shorts-tabs-bar{left:50% !important;transform:translateX(-50%) !important}.shorts-comments-drawer{width:100%;max-width:100%}.shorts-nav-arrows{display:none}}.shorts-tabs-bar{position:absolute;top:14px;left:calc((var(--shorts-width) - var(--shorts-actions-width) - var(--shorts-gap)) / 2);transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:4px 6px;background:rgba(13,8,28,0.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.14);border-radius:30px;z-index:35;box-shadow:0 4px 20px rgba(0,0,0,0.55);max-width:95%;overflow-x:auto;scrollbar-width:none}.shorts-tabs-bar::-webkit-scrollbar{display:none}.shorts-tab-btn{background:transparent;border:none;color:#94a3b8;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;font-family:'Outfit',sans-serif;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);white-space:nowrap}.shorts-tab-btn:hover{color:#ffffff;background:rgba(255,255,255,0.08)}.shorts-tab-btn.active{color:#ffffff;background:linear-gradient(135deg,rgba(99,102,241,0.85) 0%,rgba(168,85,247,0.85) 100%);box-shadow:0 2px 12px rgba(168,85,247,0.45)}.short-action-btn.mod-hide-btn{border-color:rgba(245,158,11,0.4);color:#fbbf24}.short-action-btn.mod-hide-btn:hover{background:rgba(245,158,11,0.25);border-color:#f59e0b;box-shadow:0 0 15px rgba(245,158,11,0.4)}.short-action-btn.mod-hide-btn.hidden-active{background:rgba(245,158,11,0.35);color:#f59e0b;border-color:#f59e0b}.short-action-btn.mod-delete-btn{border-color:rgba(244,63,94,0.4);color:#f43f5e}.short-action-btn.mod-delete-btn:hover{background:rgba(244,63,94,0.25);border-color:#f43f5e;box-shadow:0 0 15px rgba(244,63,94,0.4)}.short-hidden-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,0.25);border:1px solid rgba(245,158,11,0.65);color:#fde68a;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;width:fit-content}.shorts-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:32px 24px;max-width:340px;width:90%;background:rgba(13,8,28,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,0.3);border-radius:24px;box-shadow:0 12px 40px rgba(0,0,0,0.7);color:#fff;z-index:10}.shorts-empty-icon{width:60px;height:60px;border-radius:50%;background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.35);display:flex;align-items:center;justify-content:center;color:#c4b5fd}.shorts-empty-icon svg{width:28px;height:28px}.shorts-empty-title{font-size:17px;font-weight:700;font-family:'Outfit',sans-serif;margin:0;color:#fff}.shorts-empty-desc{font-size:13px;color:#94a3b8;line-height:1.45;margin:0}.shorts-empty-action-btn{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;color:#fff;padding:10px 22px;border-radius:20px;font-size:13px;font-weight:700;font-family:'Outfit',sans-serif;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 16px rgba(168,85,247,0.35);margin-top:4px}.shorts-empty-action-btn:hover{transform:scale(1.04);box-shadow:0 6px 20px rgba(168,85,247,0.5)}.shorts-modal-icon.danger{background:rgba(244,63,94,0.15);border-color:rgba(244,63,94,0.4);color:#f43f5e}.shorts-confirm-text{font-size:14px;color:#cbd5e1;line-height:1.5;margin:0}.shorts-btn-danger{background:linear-gradient(135deg,#ef4444 0%,#f43f5e 100%);border:none;color:#fff;padding:9px 20px;border-radius:12px;font-size:13px;font-weight:700;font-family:'Outfit',sans-serif;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 16px rgba(244,63,94,0.35)}.shorts-btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(244,63,94,0.5)}.short-error-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(30,20,55,0.92) 0%,rgba(10,6,22,0.98) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:20;padding:30px 24px;text-align:center;gap:10px;animation:fadeIn 0.3s ease}.short-error-icon{width:54px;height:54px;border-radius:50%;background:rgba(244,63,94,0.12);border:1px solid rgba(244,63,94,0.35);display:flex;align-items:center;justify-content:center;color:#fb7185;margin-bottom:2px;box-shadow:0 0 24px rgba(244,63,94,0.2)}.short-error-title{font-size:16px;font-weight:700;color:#fff;font-family:'Outfit',sans-serif;letter-spacing:-0.01em}.short-error-desc{font-size:13px;color:#94a3b8;max-width:250px;line-height:1.45;margin-bottom:6px}.short-error-skip-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;color:#fff;padding:9px 20px;border-radius:20px;font-size:13px;font-weight:600;font-family:'Outfit',sans-serif;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 18px rgba(99,102,241,0.35)}.short-error-skip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(168,85,247,0.5)}.short-error-skip-btn:active{transform:translateY(0)}