:root,[data-theme=dark]{--accent:#3ea6ff;--player-bg:#000000;--new-badge-text:#ffffff}.edit-modal,.notification-modal{visibility:hidden;display:flex;backdrop-filter:blur(8px)}.edit-modal,.modal,.notification-modal,.success-modal{backdrop-filter:blur(8px)}.logo,.signin-link,.social-link-icon{text-decoration:none}.channel-about-text,.comment-text,.related-title,.video-player-title,.video-title{word-break:break-word}.account-video-title,.channel-video-title,.related-title,.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical}.description-text.truncated,.related-title,.video-title{-webkit-box-orient:vertical}.modal h2,.upload-step-header h2{-webkit-text-fill-color:transparent}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-hover:#e5e5e5;--text-primary:#030303;--text-secondary:#606060;--text-soft:#909090;--accent-dark:#065fd4;--border:#e5e5e5;--border-dark:#d9d9d9;--card-bg:#ffffff;--overlay:rgba(0, 0, 0, 0.7);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.15);--shadow-lg:0 12px 28px rgba(0, 0, 0, 0.2);--transition-fast:0.15s ease;--transition-normal:0.25s cubic-bezier(0.4, 0, 0.2, 1);--success:#2e7d32;--red:#d32f2f;--player-controls:rgba(0, 0, 0, 0.8);--like-active:#065fd4;--dislike-active:#909090;--skeleton-bg:#e0e0e0;--skeleton-glow:#f0f0f0;--voice-wave-1:#3ea6ff;--voice-wave-2:#1a8cff;--voice-wave-3:#0066cc;--quality-bg:rgba(28, 28, 28, 0.95);--quality-hover:#3d3d3d;--comment-bg:#f9f9f9;--reply-bg:#f2f2f2;--cc-font-family:'Inter',sans-serif;--cc-font-size:18px;--cc-font-color:#ffffff;--cc-bg-opacity:0.7;--cc-bg-color:rgba(0, 0, 0, 0.7);--cc-window-bg:linear-gradient(145deg, #1a1a1a, #2a2a2a);--cc-border-glow:0 0 20px rgba(62, 166, 255, 0.3);--comment-like-active:#3ea6ff;--reply-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--new-badge-bg:#ff0000;--buffering-spinner-color:#3ea6ff;--progress-hover-height:8px;--cover-height:200px;--cover-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--channel-avatar-size:120px;--channel-avatar-border:4px;--hover-overlay:rgba(0, 0, 0, 0.5);--edit-btn-bg:rgba(255, 255, 255, 0.9);--edit-btn-hover:#ffffff}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1f1f1f;--bg-hover:#2f2f2f;--text-primary:#f1f1f1;--text-secondary:#aaaaaa;--text-soft:#717171;--accent-dark:#3ea6ff;--border:#303030;--border-dark:#3d3d3d;--card-bg:#1f1f1f;--overlay:rgba(0, 0, 0, 0.9);--shadow-sm:0 1px 3px rgba(255, 255, 255, 0.05);--shadow-md:0 4px 12px rgba(255, 255, 255, 0.1);--shadow-lg:0 12px 28px rgba(255, 255, 255, 0.15);--success:#4caf50;--red:#f44336;--player-controls:rgba(0, 0, 0, 0.9);--like-active:#3ea6ff;--dislike-active:#aaaaaa;--skeleton-bg:#2a2a2a;--skeleton-glow:#3a3a3a;--quality-bg:rgba(40, 40, 40, 0.95);--quality-hover:#505050;--comment-bg:#1a1a1a;--reply-bg:#252525;--new-badge-bg:#ff4444;--cover-gradient:linear-gradient(135deg, #2c3e50 0%, #3498db 100%);--edit-btn-bg:rgba(50, 50, 50, 0.9);--edit-btn-hover:#3d3d3d}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background-color .3s;overflow-x:hidden}#top-loader{position:fixed;top:0;left:0;width:0%;height:5.5px;background:linear-gradient(90deg,#336ce8 0,#1890b5 35%,#00c3ff 100%);z-index:9999;transition:width .3s ease-out,opacity .2s;box-shadow:0 0 8px var(--accent);opacity:0}#top-loader.active{opacity:1;width:80%;transition:width 2s cubic-bezier(.1, .5, .3, 1)}#top-loader.complete{width:100%;opacity:0;transition:width .2s ease-in,opacity .3s}.notification-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center;opacity:0;transition:opacity .3s,visibility .3s}.edit-modal.show,.notification-modal.show{opacity:1;visibility:visible}.notification-content{background:var(--bg-primary);border-radius:24px;padding:32px 40px;text-align:center;box-shadow:var(--shadow-lg);transform:scale(.7) translateY(20px);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);max-width:360px;width:90%}.edit-modal.show .edit-content,.notification-modal.show .notification-content,.upload-flow-modal.show .upload-flow-content{transform:scale(1) translateY(0)}.notification-icon{width:64px;height:64px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px;animation:.5s iconPop}.notification-icon.warning{background:#f57c00}.notification-icon.error{background:var(--red)}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.notification-message{font-size:1.2rem;font-weight:600;margin-bottom:8px}.notification-sub{color:var(--text-secondary);margin-bottom:20px}.notification-btn{background:var(--accent);color:#fff;border:none;padding:10px 24px;border-radius:40px;font-weight:600;cursor:pointer;transition:.2s}.notification-btn:hover{background:var(--accent-dark);transform:scale(1.05)}.voice-search-btn{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:.2s;z-index:10;display:flex;align-items:center;justify-content:center}.edit-close,.logo,.menu-btn{font-size:1.3rem}.voice-search-btn:hover{color:var(--accent);background:var(--bg-secondary)}.voice-search-btn.listening{color:var(--accent);animation:1.2s infinite voicePulse}.voice-search-btn.listening i{animation:1s ease-in-out infinite micWave}@keyframes voicePulse{0%{transform:translateY(-50%) scale(1);box-shadow:0 0 0 0 rgba(62,166,255,.7)}50%{transform:translateY(-50%) scale(1.15);box-shadow:0 0 20px 10px rgba(62,166,255,.4)}100%{transform:translateY(-50%) scale(1);box-shadow:0 0 0 0 rgba(62,166,255,0)}}@keyframes micWave{0%,100%{transform:scale(1);color:var(--voice-wave-1)}25%,75%{transform:scale(1.3);color:var(--voice-wave-2)}50%{transform:scale(1.1);color:var(--voice-wave-3)}}.voice-wave-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:5}.account-video-card:hover .account-thumbnail-overlay,.channel-video-card:hover .channel-video-hover-actions,.settings-option.active .check-icon,.voice-wave-container.active{opacity:1}.voice-wave{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(62,166,255,.8) 0,rgba(62,166,255,0) 70%);animation:2s infinite waveExpand}.edit-modal,.header{position:fixed;top:0;left:0}.voice-wave:nth-child(2){animation-delay:.5s}.voice-wave:nth-child(3){animation-delay:1s}@keyframes waveExpand{0%{transform:scale(.5);opacity:1}100%{transform:scale(2);opacity:0}}.edit-modal{width:100%;height:100%;background:rgba(0,0,0,.6);z-index:11000;align-items:center;justify-content:center;opacity:0;transition:opacity .3s,visibility .3s}.edit-content{background:var(--bg-primary);border-radius:28px;padding:32px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:scale(.8) translateY(30px);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1)}.channel-videos-header,.edit-header,.voice-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.edit-close,.header-content{display:flex;align-items:center}.edit-header h3,.stat-card .stat-value{font-size:1.5rem;font-weight:700}.edit-close{background:var(--bg-secondary);border:none;width:40px;height:40px;border-radius:50%;justify-content:center;color:var(--text-primary);cursor:pointer;transition:.2s}.edit-close:hover,.modal-close:hover,.voice-close-btn:hover{background:var(--border);transform:rotate(90deg)}.edit-field{margin-bottom:20px}.edit-field label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.edit-field input,.edit-field select,.edit-field textarea{width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:.2s}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.social-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(62,166,255,.1)}.signin-link:hover,.upload-icon-btn:hover{box-shadow:0 8px 18px rgba(0,122,255,.45)}.edit-thumbnail-area{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:.2s;margin-bottom:8px}.comment-input:hover,.edit-thumbnail-area:hover,.thumbnail-upload-box:hover{border-color:var(--accent)}.edit-thumbnail-area i,.file-upload-area i{font-size:2rem;color:var(--accent);margin-bottom:8px}.edit-thumbnail-preview,.preview-image{width:100%;max-height:150px;object-fit:cover;border-radius:8px;margin-top:12px}.edit-actions{display:flex;gap:12px;margin-top:28px}.edit-actions button{flex:1;padding:14px;border-radius:40px;font-weight:600;border:none;cursor:pointer;transition:.2s}.channel-tab.active,.edit-save,.flow-btn.primary{background:var(--accent);color:#fff}.logo,.menu-btn,.search-input{color:var(--text-primary)}.edit-save:hover,.flow-btn.primary:hover{background:var(--accent-dark);transform:translateY(-2px)}.edit-cancel,.flow-btn.secondary,.subscribe-btn.subscribed{background:var(--bg-secondary);color:var(--text-primary)}.category-chip:hover,.edit-cancel:hover,.flow-btn.secondary:hover{background:var(--border)}.header{right:0;height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:1000;transition:.2s;width:100%}.header-content{justify-content:space-between;height:100%;padding:0 16px;max-width:1600px;margin:0 auto;width:100%}.header-left,.menu-btn{align-items:center;display:flex}.header-left{gap:16px;flex-shrink:0}.menu-btn{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:.2s;justify-content:center}.menu-btn:hover,.mobile-search-toggle:hover,.sidebar-item:hover,.theme-btn:hover{background:var(--bg-secondary)}.search-input,.search-input-wrapper,.search-input:focus{background:var(--bg-primary)}.logo{display:flex;align-items:center;gap:4px;font-weight:700;letter-spacing:-.5px}.logo img{height:28px;width:auto;display:block}.header-search{flex:1;max-width:640px;margin:0 20px;display:flex;min-width:200px;transition:.3s;position:relative}.search-btn,.theme-btn{transition:.2s;cursor:pointer}.mobile-fab,.sidebar{position:fixed;z-index:900}.search-input-wrapper{flex:1;display:flex;border:1px solid var(--border);border-radius:40px 0 0 40px;overflow:hidden}.search-input{flex:1;height:40px;padding:0 16px;font-size:1rem;outline:0;border:none;width:100%}.search-btn{width:64px;height:40px;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-left:none;border-radius:0 40px 40px 0;font-size:1.1rem;flex-shrink:0}.header-right,.theme-btn{display:flex;align-items:center}.search-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.header-right{gap:8px;flex-shrink:0}.theme-btn{background:0 0;border:none;font-size:1.2rem;color:var(--text-primary);padding:8px;border-radius:50%;justify-content:center}.signin-link,.upload-icon-btn{background:linear-gradient(135deg,var(--accent),#1a8cff);color:#fff;align-items:center;transition:.3s cubic-bezier(.2, .9, .3, 1.2);box-shadow:0 4px 10px rgba(0,122,255,.3);display:flex}.upload-icon-btn{border:none;width:40px;height:40px;border-radius:50%;justify-content:center;cursor:pointer;font-size:1.2rem}.upload-icon-btn:hover{transform:scale(1.1) rotate(10deg)}.upload-icon-btn:active{transform:scale(.95)}.signin-link{padding:8px 18px;border-radius:40px;font-weight:600;font-size:.95rem;gap:8px}.google-btn,.sign-out-btn{cursor:pointer;align-items:center;font-weight:600}.signin-link:hover{background:linear-gradient(135deg,#1a8cff,var(--accent-dark));transform:scale(1.02)}.sign-out-btn{background:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;border:1px solid var(--border);border-radius:40px;display:flex;gap:8px;border:none;background:0 0;box-shadow:none;font-size:1.3rem}.sign-out-btn:hover{background:var(--bg-hover);transform:scale(1.1)}.sign-out-btn span{display:none}.profile-img{width:36px;height:36px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid var(--accent);display:block}.google-btn{width:100%;padding:12px;background:#fff;color:#444;border:1px solid var(--border);border-radius:12px;font-size:.95rem;transition:.2s;display:flex;justify-content:center;gap:10px;margin-top:16px}.google-btn:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:var(--shadow-md)}.google-btn i{color:#4285f4;font-size:1.2rem}.divider,.sidebar-footer-links a,.sidebar-item i{color:var(--text-secondary)}.divider{display:flex;align-items:center;text-align:center;margin:20px 0}.divider::after,.divider::before{content:'';flex:1;border-bottom:1px solid var(--border)}.divider span{padding:0 10px;font-size:.9rem}.mobile-fab{display:none;bottom:80px;right:16px;width:56px;height:56px;background:var(--accent);color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-lg);align-items:center;justify-content:center;transition:.2s}.mobile-search-toggle,.sidebar-item{color:var(--text-primary);cursor:pointer}.edit-about-btn:hover,.edit-social-btn:hover,.mobile-fab:hover{transform:scale(1.1);background:var(--accent-dark)}.mobile-search-toggle{display:none;background:0 0;border:none;font-size:1.3rem;padding:8px;border-radius:50%;transition:.2s}.categories-wrapper,.sidebar{top:60px;background:var(--bg-primary)}.sidebar-copyright,.sidebar-footer{border-top:1px solid var(--border)}.categories-wrapper,.sidebar-section{border-bottom:1px solid var(--border)}.main-layout{display:flex;margin-top:60px;min-height:calc(100vh - 60px);width:100%}.sidebar{width:240px;left:0;bottom:0;overflow-y:auto;transition:transform .3s;border-right:1px solid var(--border)}.sidebar-hidden .sidebar{transform:translateX(-240px)}.sidebar-section{padding:12px 0}.sidebar-item{display:flex;align-items:center;gap:20px;padding:10px 24px;font-size:.95rem;transition:.2s}.sidebar-item.active{background:var(--bg-secondary);font-weight:600}.sidebar-item i{font-size:1.2rem;width:24px}.settings-option.active,.sidebar-footer-links a:hover,.sidebar-item.active i,.video-meta .channel-name:hover{color:var(--accent)}.sidebar-footer{padding:16px 24px;margin-top:20px;font-size:.85rem}.sidebar-footer-links{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.sidebar-footer-links a{text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:12px}.sidebar-footer-links i{font-size:1rem;width:20px}.sidebar-copyright{color:var(--text-soft);font-size:.8rem;text-align:left;padding-top:8px}.main-content{flex:1;margin-left:240px;padding:24px 24px 40px;transition:margin-left .3s;width:calc(100% - 240px)}.sidebar-hidden .main-content{margin-left:0;width:100%}.categories-wrapper{position:sticky;z-index:800;padding:12px 0;margin-bottom:24px;width:100%}.categories{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.categories::-webkit-scrollbar{display:none}.category-chip{padding:8px 16px;background:var(--bg-secondary);color:var(--text-primary);border-radius:9px;border:none;font-size:15px;font-weight:600;font-family:Roboto,"YouTube Sans",Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:.25s}.category-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.skeleton-grid,.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px 16px;width:100%}.video-card{cursor:pointer;transition:transform .2s;opacity:0;transform:translateY(20px);animation:.5s forwards fadeInUp;width:100%;position:relative}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.video-card:hover{transform:translateY(-4px)}.video-edit-overlay{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:.2s;z-index:10;box-shadow:var(--shadow-md)}.video-card:hover .video-edit-overlay{opacity:1;transform:scale(1)}.video-edit-overlay:hover{background:var(--accent-dark);transform:scale(1.1)!important}.thumbnail-wrapper{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9;width:100%}.new-badge,.video-duration{position:absolute;border-radius:4px;letter-spacing:.5px}.thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s;display:block}.account-video-card:hover .account-thumbnail,.related-video-card:hover .related-thumbnail img,.video-card:hover .thumbnail{transform:scale(1.05)}.video-duration{bottom:8px;right:8px;background:rgba(0,0,0,.8);color:#fff;padding:3px 6px;font-size:.75rem;font-weight:500;z-index:2}.new-badge{top:8px;left:8px;background:var(--new-badge-bg);color:var(--new-badge-text);padding:3px 8px;font-size:.7rem;font-weight:700;z-index:3;box-shadow:0 2px 5px rgba(0,0,0,.2);animation:2s infinite newBadgePulse}@keyframes newBadgePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.video-info{display:flex;gap:12px;margin-top:12px}.channel-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;cursor:pointer;transition:transform .2s}.account-action-btn:hover,.channel-avatar-large:hover,.channel-avatar:hover,.reply-avatar:hover{transform:scale(1.1)}.related-info,.video-details{flex:1;min-width:0}.video-title{font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden;margin-bottom:4px}.account-video-meta,.video-meta{font-size:.85rem;color:var(--text-secondary)}.video-meta span{display:block;margin-bottom:2px}.video-meta .channel-name{cursor:pointer;display:inline-block}.skeleton-card{width:100%;background:var(--card-bg);border-radius:12px;overflow:hidden}.skeleton-thumbnail{width:100%;aspect-ratio:16/9;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-glow) 50%,var(--skeleton-bg) 75%);background-size:200% 100%;animation:1.8s linear infinite shimmer;border-radius:12px}.skeleton-line,.skeleton-player{background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-glow) 50%,var(--skeleton-bg) 75%);animation:1.8s linear infinite shimmer}.skeleton-line{height:16px;background-size:200% 100%;margin-top:12px;border-radius:4px}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.player-skeleton{position:fixed;inset:0;background:var(--bg-primary);z-index:2001;padding:80px 24px;overflow-y:auto;display:none}.cc-settings-panel.show,.player-skeleton.show,.progress-time-tooltip.show,.quality-selector.show,.settings-main-menu.show,.settings-submenu.show,.speed-selector.show{display:block}.player-skeleton-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:24px}.skeleton-player{width:100%;aspect-ratio:16/9;background-size:200% 100%;border-radius:16px}.skeleton-row,.skeleton-side-thumb{background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-glow) 50%,var(--skeleton-bg) 75%)}.skeleton-row,.skeleton-side-text,.skeleton-side-thumb{animation:1.8s linear infinite shimmer;border-radius:8px}.skeleton-row{height:24px;background-size:200% 100%;margin:20px 0}.skeleton-row.short{width:40%}.skeleton-side-item{display:flex;gap:12px;margin-bottom:16px}.skeleton-side-thumb{width:120px;aspect-ratio:16/9;background-size:200% 100%;flex-shrink:0}.skeleton-side-text{flex:1;height:60px;background:linear-gradient(90deg,var(--skeleton-bg) 25%,var(--skeleton-glow) 50%,var(--skeleton-bg) 75%);background-size:200% 100%}.loading-spinner{text-align:center;padding:60px;color:var(--text-secondary);font-size:1.1rem;grid-column:1/-1;width:100%}.loading-spinner i{font-size:2rem;margin-bottom:12px;color:var(--accent);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal{display:none;position:fixed;inset:0;background:var(--overlay);z-index:2000;align-items:center;justify-content:center}.auth-tabs,.modal-close,.modal.show,.upload-flow-modal.show{display:flex}.modal-content{background:var(--bg-primary);width:90%;max-width:440px;border-radius:24px;padding:32px;position:relative;box-shadow:var(--shadow-lg);transform:scale(.9) translateY(20px);opacity:0;transition:.3s cubic-bezier(.34, 1.56, .64, 1);max-height:90vh;overflow-y:auto}.modal.show .modal-content{transform:scale(1) translateY(0);opacity:1}.modal-close{position:absolute;top:16px;right:16px;background:var(--bg-secondary);width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:.2s;border:none}.modal h2{text-align:center;margin-bottom:24px;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-dark));-webkit-background-clip:text;background-clip:text}.auth-tabs{gap:8px;margin-bottom:24px;background:var(--bg-secondary);padding:4px;border-radius:40px}.file-upload-area,.form-group,.social-link-input-group{margin-bottom:16px}.auth-tab{flex:1;padding:10px;background:0 0;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s;border-radius:40px}.auth-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:.2s}.form-group textarea{resize:vertical;min-height:80px}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:.2s}.file-upload-area,.file-upload-area:hover,.upload-progress{background:var(--bg-secondary)}.file-upload-area p,.progress-text,.stat-card .stat-label{color:var(--text-secondary);font-size:.9rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(62,166,255,.3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.file-upload-area{border:2px dashed var(--border);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:.2s}.file-upload-area:hover{border-color:var(--accent)}.file-upload-area .file-name{margin-top:8px;font-size:.85rem;color:var(--accent);font-weight:500;word-break:break-all}.file-upload-area input{display:none}.upload-progress{border-radius:12px;padding:20px;margin-bottom:20px}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dark));width:0%;transition:width .3s;border-radius:3px}.progress-text{text-align:center;font-weight:500}.success-modal{display:none;position:fixed;inset:0;background:var(--overlay);z-index:2100;align-items:center;justify-content:center}.success-content{background:var(--bg-primary);width:90%;max-width:400px;border-radius:24px;padding:40px 32px;text-align:center;animation:.5s cubic-bezier(.34,1.56,.64,1) successPop}@keyframes successPop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}.success-icon{width:80px;height:80px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 24px;animation:.6s checkmark}.video-player-page,.video-player-section,.video-sidebar{background:var(--bg-primary);width:100%}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.video-player-page{min-height:100vh}.video-player-container{max-width:1400px;margin:0 auto;padding:80px 24px 40px;display:grid;grid-template-columns:1fr 360px;gap:24px;width:100%}.video-player-wrapper{position:relative;width:100%;background:var(--player-bg);border-radius:16px;overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow-lg);cursor:pointer}.video-player-wrapper video{width:100%;height:100%;outline:0;display:block;pointer-events:none}::cue{font-family:var(--cc-font-family);font-size:var(--cc-font-size);color:var(--cc-font-color);background-color:var(--cc-bg-color);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.4;border-radius:4px;padding:2px 6px;transition:.3s}.playpause-overlay,.skip-indicator{display:flex;transition:opacity .2s;position:absolute;opacity:0;color:#fff;pointer-events:none;top:50%}.playpause-overlay{left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);border-radius:50%;width:80px;height:80px;align-items:center;justify-content:center;font-size:2.5rem;z-index:25}.playpause-overlay.show{opacity:1;animation:.3s ease-out popIcon}.skip-indicator{transform:translateY(-50%);background:rgba(0,0,0,.7);padding:12px 20px;border-radius:40px;font-size:1.2rem;font-weight:600;align-items:center;gap:8px;z-index:30}.skip-indicator.left{left:20px}.skip-indicator.right{right:20px}.skip-indicator.show{opacity:1;animation:.3s ease-out skipPop}@keyframes skipPop{0%{transform:translateY(-50%) scale(.8);opacity:0}50%{transform:translateY(-50%) scale(1.1);opacity:1}100%{transform:translateY(-50%) scale(1);opacity:1}}@keyframes popIcon{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:20px;opacity:0;transition:opacity .4s cubic-bezier(.4, 0, .2, 1);pointer-events:none;backdrop-filter:blur(4px);z-index:20}.video-controls.show,.video-player-wrapper.video-paused .video-controls,.video-player-wrapper:hover .video-controls{opacity:1;pointer-events:auto}.progress-container{width:100%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;cursor:pointer;margin-bottom:16px;position:relative;transition:height .2s}.progress-container:hover{height:var(--progress-hover-height)}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;width:0%;position:relative;transition:width .1s linear}.progress-bar-fill::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--accent);border-radius:50%;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 2px 8px rgba(0,0,0,.3)}.progress-container:hover .progress-bar-fill::after{opacity:1;transform:translateY(-50%) scale(1.1)}.progress-container:active{height:10px}.progress-container.touch-dragging{height:12px;cursor:grabbing}.progress-container.touch-dragging .progress-bar-fill::after{opacity:1;transform:translateY(-50%) scale(1.3);background:#fff;box-shadow:0 0 15px var(--accent)}.progress-time-tooltip{position:absolute;bottom:30px;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap;pointer-events:none;z-index:35;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);display:none}.controls-left,.controls-row{display:flex;align-items:center}.controls-row{justify-content:space-between}.controls-left{gap:20px}.control-btn,.controls-right{align-items:center;display:flex}.controls-right{gap:20px;position:relative}.control-btn{justify-content:center}.control-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.06)}.time-display{font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.volume-container{display:flex;align-items:center;gap:12px;position:relative}.volume-slider{width:80px;height:6px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer;position:relative;transition:height .2s}.volume-slider:hover{height:6.5px}.volume-fill{height:100%;background:#fff;border-radius:3px;width:100%;transition:width .1s}@media (max-width:768px){.settings-main-menu,.settings-submenu{transform:translateY(100%)!important;width:100%!important;background:#212121!important;box-shadow:0 -4px 20px rgba(0,0,0,.5)!important;padding:0 0 20px!important;opacity:1!important;transition:transform .3s cubic-bezier(.4, 0, .2, 1)!important;max-height:80vh!important;overflow-y:auto!important}.settings-backdrop,.settings-main-menu,.settings-submenu{position:fixed!important;left:0!important;right:0!important;bottom:0!important}.settings-backdrop.show,.settings-main-menu,.settings-submenu{visibility:visible!important;pointer-events:auto!important}.settings-main-menu{border-radius:16px 16px 0 0!important;z-index:999999!important;border:none!important}.settings-main-menu.show,.settings-submenu.show{transform:translateY(0)!important}.settings-main-menu::before,.settings-submenu::before{content:''!important;display:block!important;width:40px!important;height:4px!important;background:#4d4d4d!important;border-radius:4px!important;margin:12px auto 16px!important}.settings-submenu{border-radius:16px 16px 0 0!important;z-index:1000000!important;border:none!important}.settings-menu-item,.settings-option,.settings-submenu-header{font-size:16px!important;cursor:pointer!important;border-bottom:1px solid #3d3d3d!important;color:#fff!important;display:flex!important}.settings-submenu-header{align-items:center!important;gap:16px!important;padding:14px 20px!important;font-weight:500!important;background:#2a2a2a!important;margin:4px 0 8px!important}.settings-submenu-header i{font-size:1.4rem!important;color:#fff!important}.settings-menu-item,.settings-option{align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;font-weight:400!important;background:0 0!important}#currentQualityValue,#currentSpeedValue,.menu-item-right{font-size:14px!important;color:#aaa!important}.settings-menu-item:last-child,.settings-option:last-child{border-bottom:none!important}.settings-menu-item:active,.settings-option:active{background:#3d3d3d!important}.menu-item-left{display:flex!important;align-items:center!important;gap:16px!important}.menu-item-left i{font-size:1.4rem!important;color:#fff!important;width:28px!important;text-align:center!important}.menu-item-right{display:flex!important;align-items:center!important;gap:8px!important}.menu-item-right i{font-size:1rem!important;color:#aaa!important}.settings-option.active{color:#3ea6ff!important}.settings-option .check-icon{color:#3ea6ff!important;font-size:1.4rem!important;opacity:0!important}.settings-option.active .check-icon{opacity:1!important}#settingsMenu{display:none!important}.settings-backdrop{top:0!important;background:rgba(0,0,0,.7)!important;z-index:999998!important;opacity:0!important;visibility:hidden!important;transition:opacity .2s!important;pointer-events:none!important;backdrop-filter:blur(2px)!important}.settings-backdrop.show{opacity:1!important}}.buffering-spinner.show,.control-btn#ccBtn{display:flex!important;align-items:center!important}@media (max-width:480px){.settings-menu-item,.settings-option,.settings-submenu-header{padding:14px 16px!important;font-size:15px!important}.menu-item-left i{font-size:1.3rem!important;width:26px!important}#currentQualityValue,#currentSpeedValue,.menu-item-right{font-size:13px!important}}@media (max-width:375px){.settings-menu-item,.settings-option,.settings-submenu-header{padding:12px 14px!important;font-size:14px!important}.menu-item-left i{font-size:1.2rem!important;width:24px!important}}@media (max-width:932px) and (orientation:landscape){.settings-main-menu,.settings-submenu{max-height:90vh!important}}.buffering-spinner{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;display:none!important;background:0 0!important;pointer-events:none!important}.buffering-spinner.show{justify-content:center!important}.buffering-spinner .spinner-border{width:3rem!important;height:3rem!important;color:var(--accent)!important;border-width:.25em!important;border-color:currentColor transparent currentColor currentColor!important;animation:.75s linear infinite spinner-border!important}.buffering-spinner::after,.buffering-spinner::before{display:none!important;content:none!important}.buffering-spinner .visually-hidden,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (max-width:768px){.buffering-spinner .spinner-border{width:2.5rem!important;height:2.5rem!important}}.spinner-border{display:inline-block;width:4rem;height:4rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border}.settings-main-menu,.settings-submenu{border-radius:16px;min-width:280px;bottom:60px;right:0;background:var(--cc-window-bg);box-shadow:var(--shadow-lg),var(--cc-border-glow);transform-origin:bottom right;position:absolute;backdrop-filter:blur(12px)}@keyframes spinner-border{100%,to{transform:rotate(360deg)}}.settings-main-menu{padding:12px 0;border:1px solid rgba(255,255,255,.1);z-index:100;display:none;animation:.3s cubic-bezier(.4,0,.2,1) slideUp}.settings-menu-item,.settings-option{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#fff;font-size:.95rem;cursor:pointer;transition:.2s;border-bottom:1px solid rgba(255,255,255,.05)}.settings-group,.settings-submenu-header{border-bottom:1px solid rgba(255,255,255,.1)}.settings-menu-item:last-child,.settings-option:last-child{border-bottom:none}.settings-menu-item:hover,.settings-option:hover,.settings-submenu-header:hover{background:rgba(255,255,255,.1)}.settings-menu-item .menu-item-left{display:flex;align-items:center;gap:12px}.settings-menu-item .menu-item-left i{font-size:1.2rem;color:rgba(255,255,255,.7)}.settings-menu-item .menu-item-right{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.6)}.settings-menu-item .menu-item-right i{font-size:.9rem;color:rgba(255,255,255,.4)}.settings-submenu{padding:12px 0;border:1px solid rgba(255,255,255,.1);z-index:101;display:none;animation:.3s cubic-bezier(.4,0,.2,1) slideLeft}.settings-submenu-header{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s}.settings-submenu-header i{font-size:1.1rem}.settings-option .check-icon{color:var(--accent);font-size:1.1rem;opacity:0;transition:opacity .2s}@keyframes slideLeft{from{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.cc-settings-panel,.quality-selector,.speed-selector{position:absolute;bottom:60px;right:0;background:var(--cc-window-bg);border-radius:16px;padding:12px 0;min-width:220px;box-shadow:var(--shadow-lg),var(--cc-border-glow);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);z-index:100;display:none;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;transform-origin:bottom right}@keyframes slideUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cc-option,.quality-option,.speed-option{padding:12px 20px;color:#fff;font-size:.95rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.cc-option::before,.quality-option::before,.speed-option::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .4s,height .4s}.cc-option:hover::before,.comment-submit-btn:hover::before,.quality-option:hover::before,.show-more-comments-btn:hover::before,.speed-option:hover::before{width:300px;height:300px}.cc-option:hover,.quality-option:hover,.speed-option:hover{background:rgba(255,255,255,.05)}.cc-option.active,.quality-option.active,.speed-option.active{color:var(--accent);font-weight:600}.cc-option.active::after,.quality-option.active::after,.speed-option.active::after{content:'✓';margin-left:8px;animation:.3s checkPop}.account-info h1:hover::after,.channel-header-name:hover::after{content:'\f304';font-family:'Font Awesome 6 Free';font-weight:900;margin-left:10px}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.settings-group{padding-bottom:8px;margin-bottom:8px}.settings-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.settings-header{padding:8px 20px;color:rgba(255,255,255,.6);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.cc-settings-panel{min-width:240px;max-height:70vh;overflow-y:auto;font-size:.9rem}.cc-setting-group{margin-bottom:12px;animation:.5s fadeIn}.cc-setting-group label{display:block;color:rgba(255,255,255,.8);font-size:.8rem;margin-bottom:4px;font-weight:500;letter-spacing:.2px}.cc-setting-group input[type=color],.cc-setting-group input[type=range],.cc-setting-group select{width:100%;padding:6px 8px;border-radius:6px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:.2s;font-size:.85rem}.cc-setting-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.cc-setting-group input[type=color]{height:32px;padding:2px}.cc-setting-group input[type=range]{-webkit-appearance:none;height:4px;padding:0}.cc-setting-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s;box-shadow:0 0 6px var(--accent)}.cc-font-weight-options{display:flex;gap:4px;flex-wrap:wrap}.cc-font-weight-option{flex:1;min-width:40px;text-align:center;padding:4px 6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:30px;color:#fff;font-size:.75rem;cursor:pointer;transition:.2s}.cc-font-weight-option:hover{background:rgba(255,255,255,.2);border-color:var(--accent)}.cc-font-weight-option.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.cc-text-shadow-toggle{display:flex;align-items:center;gap:8px;margin-top:4px}.cc-text-shadow-toggle label{display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.8);cursor:pointer;font-size:.8rem}.cc-text-shadow-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.cc-preview{background:rgba(0,0,0,.5);padding:8px;border-radius:6px;text-align:center;color:#fff;font-size:12px;margin-top:10px;border:1px solid var(--accent);animation:2s infinite glowPulse;transition:.3s;line-height:1.3}.cc-preview.with-shadow{text-shadow:1px 1px 2px rgba(0,0,0,.8)}@keyframes glowPulse{0%,100%{border-color:var(--accent);box-shadow:0 0 5px var(--accent)}50%{border-color:#fff;box-shadow:0 0 10px var(--accent)}}.control-btn.cc-active{color:var(--accent);animation:2s infinite ccPulse}.comment-like-btn.liked,.like-animation{animation:.3s likePop}@keyframes ccPulse{0%,100%{text-shadow:0 0 0 var(--accent)}50%{text-shadow:0 0 5px var(--accent)}}.video-player-info{padding:24px 0}.video-player-title{font-size:1.6rem;font-weight:700;margin-bottom:14px;line-height:1.3}.video-player-stats{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px}.action-btn,.subscribe-btn{border:none;cursor:pointer}.account-info p,.video-player-meta{color:var(--text-secondary);font-size:1rem}.video-player-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border-radius:40px;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:.2s}.action-btn:hover{background:radial-gradient(circle,#3d5bf2 0,#3aa686 92%);color:#fff;transform:scale(1.05)}.action-btn i{font-size:1.1rem;color:var(--accent);transition:transform .2s}.action-btn:hover i,.comment-action-btn:hover i{transform:scale(1.2)}.action-btn.active{background:var(--like-active);color:#fff}.action-btn.active i{color:#fff}.action-btn#dislikeBtn.active{background:var(--dislike-active)}@keyframes likePop{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.video-player-channel{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.channel-avatar-large{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);cursor:pointer;transition:transform .2s}.channel-info{flex:1;position:relative}.channel-info .editable-name,.social-link-icon{display:inline-flex;align-items:center;gap:6px}.channel-info h4{font-size:1.2rem;font-weight:600;margin-bottom:6px;cursor:pointer}.channel-info p{color:var(--text-secondary);font-size:.95rem}.subscribe-btn{padding:12px 24px;background:linear-gradient(135deg,var(--accent),#1a8cff);color:#fff;border-radius:40px;font-weight:600;font-size:.95rem;transition:.2s;position:relative;overflow:hidden}.subscribe-btn:hover{background:linear-gradient(200deg,var(--accent),#1a8cff);transform:scale(1.02)}.video-player-description{padding:20px 0;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word;font-size:.95rem}.description-text{margin-bottom:8px;color:var(--text-primary)}.description-text.truncated{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden}.show-more-btn{background:0 0;border:none;color:var(--accent);font-weight:600;cursor:pointer;font-size:1.1rem;padding:4px}.comment-count,.comment-input,.social-link-icon{background:var(--bg-secondary)}.show-more-btn:hover{background:linear-gradient(90deg,#f7fdff 50%,#fff 100%);transition:background .4s,transform .2s,color .3s}.social-link-icon{padding:6px 14px;border-radius:40px;margin:4px 8px 4px 0;color:#e6e9f3!important;border:1px solid var(--border);font-size:.95rem;transition:.2s}.channel-tab i,.social-link-icon i{font-size:1.2rem}.social-link-icon:hover{background:var(--accent);color:#fff!important;transform:translateY(-2px)}.social-link-icon:active{transform:translateY(0)}.comments-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.comments-header,.upload-step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.channel-about-header h3,.comments-header h3,.voice-popup-header h3{font-size:1.3rem;font-weight:600}.comment-count{padding:4px 12px;border-radius:40px;font-size:.9rem;color:var(--text-secondary)}.comment-form{display:flex;gap:16px;margin-bottom:30px;animation:.4s slideInDown}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.comment-form-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;transition:transform .3s}.comment-avatar:hover,.comment-form-avatar:hover{transform:scale(1.1) rotate(5deg)}.comment-input-wrapper{flex:1;display:flex;flex-direction:column;gap:12px;position:relative}.comment-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:24px;color:var(--text-primary);font-size:.95rem;transition:.3s cubic-bezier(.4, 0, .2, 1)}.comment-cancel-btn,.comment-submit-btn{padding:10px 24px;font-weight:600;cursor:pointer}.comment-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px rgba(62,166,255,.1);transform:translateY(-2px)}.comment-actions{display:flex;justify-content:flex-end;gap:12px;opacity:0;transform:translateY(-10px);transition:.3s;pointer-events:none}.comment-actions.show,.comment-input:focus+.comment-actions{opacity:1;transform:translateY(0);pointer-events:all}.comment-submit-btn{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:40px;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.comment-submit-btn::before,.show-more-comments-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.comment-submit-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px rgba(62,166,255,.4)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.comment-cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:40px;transition:.3s}.comment-cancel-btn:hover{background:var(--border);transform:translateY(-2px)}.comments-list{display:flex;flex-direction:column;gap:24px}.comment-item{animation:.4s cubic-bezier(.4,0,.2,1) fadeInScale}@keyframes fadeInScale{from{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.comment-main{display:flex;gap:16px;background:var(--comment-bg);padding:16px;border-radius:16px;transition:.3s;position:relative}.comment-main:hover{transform:translateX(8px);box-shadow:var(--shadow-md)}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:.3s}.account-info,.channel-header-info,.comment-content,.reply-content{flex:1}.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.comment-username{font-weight:700;color:var(--accent);cursor:pointer;transition:.2s;position:relative}.comment-username::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}.comment-username:hover::after{width:100%}.comment-time,.related-meta{font-size:.8rem;color:var(--text-secondary)}.comment-text{color:var(--text-primary);line-height:1.6;margin-bottom:12px}.comment-actions-row{display:flex;gap:16px;margin-bottom:12px}.comment-action-btn,.comment-delete-btn{background:0 0;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;transition:.2s}.comment-action-btn:hover{background:var(--bg-secondary);color:var(--accent);transform:translateY(-2px)}.comment-like-btn.liked,.comment-like-btn.liked i{color:var(--comment-like-active)}.comment-action-btn i{font-size:1rem;transition:transform .2s}.comment-delete-btn:hover{background:rgba(255,0,0,.1);color:var(--red);transform:translateY(-2px)}.reply-item:hover,.show-replies-btn:hover i{transform:translateX(4px)}.comment-delete-btn:hover i{color:var(--red)}.edit-comment-form{margin-top:12px;animation:.3s slideIn}.edit-comment-input{width:100%;padding:12px;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:16px;color:var(--text-primary);margin-bottom:8px;transition:.3s}.edit-comment-input:focus{outline:0;box-shadow:0 0 0 3px rgba(62,166,255,.2)}.edit-comment-actions{display:flex;gap:8px;justify-content:flex-end}.comment-replies{margin-left:56px;margin-top:16px;padding-left:16px;border-left:3px solid var(--accent);animation:.4s slideInLeft}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.reply-item{display:flex;gap:12px;margin-bottom:16px;padding:12px;background:var(--reply-bg);border-radius:12px;transition:.3s}.reply-item:hover{box-shadow:var(--shadow-sm)}.reply-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;transition:transform .2s}.reply-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.reply-username{font-weight:600;font-size:.9rem;cursor:pointer;color:var(--accent)}.reply-time{font-size:.75rem;color:var(--text-secondary)}.empty-state .small,.reply-text{font-size:.9rem}.reply-text{color:var(--text-primary);margin-bottom:8px}.show-replies-btn{background:var(--reply-gradient);color:#fff;border:none;padding:8px 16px;border-radius:40px;font-size:.85rem;font-weight:600;cursor:pointer;margin-bottom:12px;transition:.3s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(102,126,234,.4)}.alert,.channel-cover{box-shadow:var(--shadow-lg)}.show-replies-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(102,126,234,.6)}.show-replies-btn i{transition:transform .3s}.show-more-comments{text-align:center;margin:20px 0}.show-more-comments-btn{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;padding:12px 32px;border-radius:40px;font-weight:600;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.show-more-comments-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(62,166,255,.5)}.sidebar-title{font-size:1.2rem;font-weight:600;margin-bottom:20px}.related-videos{display:flex;flex-direction:column;gap:16px}.related-video-card{display:flex;gap:12px;cursor:pointer;transition:.2s;padding:10px;border-radius:12px;position:relative}.related-video-card:hover{background:var(--bg-secondary);transform:translateX(4px)}.related-thumbnail{position:relative;width:210px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000;flex-shrink:0}.related-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.related-duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.9);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.alert,.edit-cover-btn{color:var(--text-primary)}.related-title{font-size:1.01rem;font-weight:600;display:-webkit-box;overflow:hidden;margin-bottom:6px;line-height:1.4}.related-meta div{margin-bottom:2px}.alert{position:fixed;top:80px;right:20px;padding:14px 20px;background:var(--bg-primary);border-left:4px solid var(--accent);border-radius:12px;z-index:4000;animation:.3s slideInRight;max-width:320px}.about-edit-popup,.name-edit-popup{animation:.3s popEdit;top:50%;left:50%}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.account-page,.channel-page{min-height:100vh;background:var(--bg-primary);width:100%;padding:80px 24px 40px}.account-container,.channel-container{max-width:1200px;margin:0 auto}.channel-cover{position:relative;width:100%;height:var(--cover-height);border-radius:24px 24px 0 0;overflow:hidden;background:var(--cover-gradient);margin-bottom:30px}.channel-header,.edit-cover-btn{box-shadow:var(--shadow-md);display:flex}.account-thumbnail,.channel-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.channel-cover:hover .channel-cover-img{transform:scale(1.02)}.edit-cover-btn{position:absolute;bottom:16px;right:16px;background:var(--edit-btn-bg);border:none;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:10;font-size:1.3rem}.edit-cover-btn:hover{background:var(--edit-btn-hover);transform:scale(1.1);color:var(--accent)}.channel-header{gap:24px;align-items:flex-start;padding:24px;background:var(--bg-secondary);border-radius:24px;margin-bottom:32px;position:relative}.channel-header-avatar{width:var(--channel-avatar-size);height:var(--channel-avatar-size);border-radius:50%;object-fit:cover;border:var(--channel-avatar-border) solid var(--accent);cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:-40px;background:var(--bg-primary);padding:4px}.account-info h1,.channel-header-name{transition:background .2s;cursor:pointer}.channel-header-avatar:hover{transform:scale(1.05);box-shadow:0 0 20px var(--accent)}.channel-header-name-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.channel-header-name{font-size:2.2rem;font-weight:700;padding:4px 8px;border-radius:8px;position:relative}.account-info h1:hover,.channel-header-name:hover{background:var(--bg-hover)}.channel-header-name:hover::after{font-size:1.5rem;color:var(--accent)}.channel-header-stats{display:flex;gap:24px;margin-bottom:16px;color:var(--text-secondary)}.channel-stat-item{display:flex;align-items:center;gap:8px;font-size:1rem}.channel-stat-item i{color:var(--accent);font-size:1.2rem}.channel-stat-value{font-weight:600;color:var(--text-primary)}.channel-about-text.empty,.channel-stat-label,.drag-drop-area .small-text{color:var(--text-secondary)}.channel-about-section{background:var(--bg-secondary);border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:var(--shadow-sm)}.channel-about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.edit-about-btn,.edit-social-btn{background:var(--accent);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.channel-about-text{color:var(--text-primary);line-height:1.6;white-space:pre-wrap;font-size:1rem}.channel-about-text.empty{font-style:italic}.about-edit-popup{position:fixed;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:24px;padding:32px;box-shadow:var(--shadow-lg);z-index:3000;width:90%;max-width:500px}.about-edit-popup textarea{width:100%;padding:16px;border:1px solid var(--border);border-radius:16px;margin:16px 0;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:150px;resize:vertical}.about-edit-popup .popup-buttons{display:flex;gap:12px;justify-content:flex-end}.channel-videos-header h2,.content-header h2{font-size:1.5rem;font-weight:600}.channel-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.channel-video-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:.3s;cursor:pointer;position:relative}.channel-video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.account-thumbnail-wrapper,.channel-video-thumbnail-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden}.channel-video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .4s}.channel-video-card:hover .channel-video-thumbnail{transform:scale(1.08)}.channel-video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.9);color:#fff;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500;z-index:2}.channel-video-hover-actions{position:absolute;inset:0;background:var(--hover-overlay);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .3s;z-index:5}.channel-video-action-btn{width:48px;height:48px;border-radius:50%;background:var(--edit-btn-bg);color:var(--text-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;font-size:1.3rem;box-shadow:var(--shadow-md);transform:scale(.9)}.channel-video-action-btn:hover{transform:scale(1.1);background:var(--edit-btn-hover)}.account-action-btn.delete-btn:hover,.channel-video-action-btn.delete-btn:hover{background:var(--red);color:#fff}.account-video-info,.channel-video-info{padding:16px}.account-video-title,.channel-video-title{font-size:1rem;font-weight:600;margin-bottom:8px;display:-webkit-box;overflow:hidden}.channel-video-meta{font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.channel-video-meta-item{display:flex;align-items:center;gap:6px}.channel-video-meta-item i{font-size:.8rem;color:var(--accent)}.channel-empty-state,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);grid-column:1/-1}.channel-empty-state i,.empty-state i{font-size:4rem;margin-bottom:16px;color:var(--accent)}.channel-empty-state p,.empty-state p{font-size:1.2rem;margin-bottom:8px}@media (max-width:768px){.channel-cover{height:150px}.channel-header{flex-direction:column;align-items:center;text-align:center;padding:16px}.channel-header-avatar{width:100px;height:100px;margin-top:-60px}.channel-header-name{font-size:1.6rem}.channel-header-name-row{justify-content:center}.channel-header-stats{justify-content:center;flex-wrap:wrap}.channel-videos-grid{grid-template-columns:1fr}.channel-video-action-btn{width:40px;height:40px;font-size:1.1rem}}@keyframes popEdit{0%{transform:translate(-50%,-40%) scale(.8);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.account-header{display:flex;align-items:center;gap:24px;padding:32px;background:var(--bg-secondary);border-radius:24px;margin-bottom:32px;box-shadow:var(--shadow-md);transition:transform .2s}.account-header:hover{transform:scale(1.01)}.account-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);transition:filter .3s;cursor:pointer}.account-avatar:hover{filter:brightness(.9)}.account-info h1{font-size:2rem;font-weight:700;margin-bottom:8px;display:inline-block;padding:4px 8px;border-radius:8px;position:relative}.account-info h1:hover::after{font-size:1.2rem;color:var(--accent)}.account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px}.stat-card{background:var(--bg-primary);padding:16px;border-radius:16px;text-align:center;box-shadow:var(--shadow-sm);transition:.2s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card i{font-size:1.5rem;color:var(--accent);margin-bottom:8px}.account-content{background:var(--bg-secondary);border-radius:24px;padding:32px}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.account-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.account-video-card{background:var(--bg-primary);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:.2s}.account-video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.account-thumbnail-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;gap:12px}.account-action-btn{background:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:#333}.account-video-meta div{margin-bottom:4px}@media (max-width:1024px){.player-skeleton-content,.video-player-container{grid-template-columns:1fr}.sidebar{transform:translateX(-240px)}.sidebar-visible .sidebar{transform:translateX(0)}.main-content{margin-left:0;width:100%}.sidebar-visible .main-content{margin-left:240px;width:calc(100% - 240px)}.account-header{flex-direction:column;text-align:center}}@media (max-width:768px){.header-search,.upload-icon-btn{display:none}.mobile-fab{display:flex}.main-content{padding:16px 12px 80px}.videos-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.video-player-container{padding:70px 12px 20px}.video-player-stats{flex-direction:column;gap:12px;align-items:flex-start}.video-player-actions{width:100%;justify-content:space-between}.account-videos-grid{grid-template-columns:1fr}.account-header{padding:20px}.account-avatar{width:80px;height:80px}.account-info h1{font-size:1.5rem}.mobile-search-toggle{display:flex;align-items:center;justify-content:center}.header-search.mobile-expand{display:flex;position:absolute;left:16px;right:16px;top:60px;background:var(--bg-primary);padding:8px;border-radius:40px;box-shadow:var(--shadow-lg);z-index:1001;margin:0;max-width:none;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.flow-navigation,.related-video-card{flex-direction:column}.related-thumbnail{width:100%;aspect-ratio:16/9}.related-info{padding:8px 0}.comment-replies{margin-left:40px}.nested-replies{margin-left:30px}.reply-form{flex-wrap:wrap}.reply-input{width:100%}.upload-step{padding:20px 16px}.drag-drop-area{padding:30px 16px}.drag-drop-area .big-text,.video-player-title{font-size:1.2rem}.video-player-wrapper{border-radius:0}.control-btn{width:36px;height:36px;font-size:1.1rem;padding:6px}.time-display{font-size:.8rem}.skip-indicator{padding:8px 12px;font-size:.9rem}#qualitySubmenu,#speedSubmenu,.settings-main-menu{position:absolute!important;bottom:70px!important;right:5px!important;width:200px!important;max-width:200px!important;overflow-y:auto!important;background:var(--cc-window-bg)!important;backdrop-filter:blur(12px)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important;padding:4px 0!important}.settings-main-menu{max-height:300px!important;z-index:1000!important}#qualitySubmenu,#speedSubmenu{max-height:350px!important;z-index:1001!important}.settings-menu-item,.settings-option,.settings-submenu-header{padding:10px 12px!important;font-size:.85rem!important}.settings-menu-item .menu-item-left i,.settings-submenu-header,.settings-submenu-header i{font-size:.9rem!important}.settings-menu-item .menu-item-right i{font-size:.75rem!important}.settings-option .check-icon{font-size:1rem!important}.settings-submenu-header{padding:10px 12px!important}#currentQualityValue,#currentSpeedValue{font-size:.8rem!important}#qualitySubmenu::after,#speedSubmenu::after,.settings-main-menu::after{content:'';position:sticky;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,rgba(0,0,0,.8));pointer-events:none;border-radius:0 0 12px 12px;display:block}#qualitySubmenu::-webkit-scrollbar,#speedSubmenu::-webkit-scrollbar,.settings-main-menu::-webkit-scrollbar{width:3px!important}#qualitySubmenu::-webkit-scrollbar-thumb,#speedSubmenu::-webkit-scrollbar-thumb,.settings-main-menu::-webkit-scrollbar-thumb{background:var(--accent)!important;border-radius:3px!important}#qualitySubmenu .settings-option,#speedSubmenu .settings-option{padding:10px 12px!important;font-size:.85rem!important;white-space:nowrap!important}#qualitySubmenu .settings-option[data-quality="1080p"],#qualitySubmenu .settings-option[data-quality="144p"],#qualitySubmenu .settings-option[data-quality="240p"],#qualitySubmenu .settings-option[data-quality="360p"],#qualitySubmenu .settings-option[data-quality="480p"],#qualitySubmenu .settings-option[data-quality="720p"],#qualitySubmenu .settings-option[data-quality=auto],#speedSubmenu .settings-option[data-speed="0.25"],#speedSubmenu .settings-option[data-speed="0.5"],#speedSubmenu .settings-option[data-speed="0.75"],#speedSubmenu .settings-option[data-speed="1"],#speedSubmenu .settings-option[data-speed="1.25"],#speedSubmenu .settings-option[data-speed="1.5"],#speedSubmenu .settings-option[data-speed="1.75"],#speedSubmenu .settings-option[data-speed="2"]{display:flex!important}}@media (max-width:480px){.buffering-spinner .spinner-border{width:2rem!important;height:2rem!important}.cc-settings-panel{position:fixed;bottom:70px;right:10px;left:auto;width:260px;max-width:260px;min-width:240px;max-height:60vh}.channel-cover{height:120px}.channel-header-avatar{width:80px;height:80px;margin-top:-50px}.channel-header-name{font-size:1.4rem}.channel-stat-item{font-size:.9rem}.logo span,.signin-link span{display:none}.signin-link i{margin-right:0}.theme-btn{display:flex}.account-stats,.videos-grid{grid-template-columns:1fr}.video-player-title{font-size:1.2rem}.video-player-actions{flex-wrap:wrap}.action-btn{flex:1;justify-content:center}.sidebar-footer-links{gap:8px}.comment-header{flex-direction:column;align-items:flex-start;gap:4px}.comment-replies{margin-left:20px;padding-left:8px}@media (max-height:667px){.control-btn,.video-player-title{font-size:1rem}.video-player-container{padding:70px 8px 20px}.control-btn{width:32px;height:32px}}}@media (min-width:430px) and (max-height:932px){.video-player-container{padding:80px 16px 40px}}.name-edit-popup{position:fixed;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:24px;padding:32px;box-shadow:var(--shadow-lg);z-index:3000;width:90%;max-width:360px;text-align:center}.name-edit-popup input{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;margin:16px 0;background:var(--bg-secondary);color:var(--text-primary)}.name-edit-popup .popup-buttons{display:flex;gap:12px}.upload-flow-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center}.upload-flow-content{background:var(--bg-primary);border-radius:32px;width:min(90%,700px);max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1);padding:0}.upload-step{padding:28px 30px}.upload-step-header .step-indicator{width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.upload-step-header h2{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-dark));-webkit-background-clip:text}.drag-drop-area{background:var(--bg-secondary);border:3px dashed var(--accent);border-radius:24px;padding:50px 20px;text-align:center;cursor:pointer;transition:.3s;margin:20px 0}.drag-drop-area:hover{transform:scale(1.02);background:var(--bg-hover);border-color:var(--accent-dark)}.drag-drop-area i{font-size:4rem;color:var(--accent);margin-bottom:20px}.drag-drop-area .big-text{font-size:1.4rem;font-weight:600;margin-bottom:12px}.select-btn{background:var(--accent);color:#fff;border:none;padding:14px 32px;border-radius:40px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:.2s;margin-top:20px}.select-btn:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(62,166,255,.4)}.video-preview-container{background:var(--bg-secondary);border-radius:20px;padding:20px;margin:20px 0}.video-preview-player{width:100%;border-radius:16px;background:#000;max-height:200px}.upload-form-grid{display:grid;gap:20px;margin:20px 0}.upload-form-field label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary)}.upload-form-field input,.upload-form-field select,.upload-form-field textarea{width:100%;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);font-size:1rem}.upload-form-field input:focus,.upload-form-field select:focus,.upload-form-field textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px rgba(62,166,255,.2)}.thumbnail-upload-box{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:.2s}.thumbnail-upload-box i{font-size:2rem;color:var(--accent)}.thumbnail-preview-sm{max-width:100%;max-height:120px;border-radius:12px;margin-top:12px;object-fit:cover}.upload-progress-modern{background:var(--bg-secondary);border-radius:40px;padding:32px 24px;margin:20px 0;text-align:center}.horizontal-progress-container{width:100%;height:24px;background:var(--border);border-radius:40px;overflow:hidden;margin:20px 0;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.horizontal-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-dark));width:0%;transition:width .3s;border-radius:40px;position:relative;overflow:hidden}.horizontal-progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 100%);animation:2s infinite shimmerProgress}@keyframes shimmerProgress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-percent{font-size:2.5rem;font-weight:700;color:var(--accent);margin:16px 0;text-shadow:0 2px 10px rgba(62,166,255,.3)}.upload-status{color:var(--text-secondary);font-size:1rem;margin-top:8px}.success-complete-modal{text-align:center;padding:30px}.success-icon-large{width:100px;height:100px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 24px;animation:.5s successPop}.video-link-box,.voice-close-btn{align-items:center;cursor:pointer;display:flex}.video-link-box{background:var(--bg-secondary);padding:16px;border-radius:40px;justify-content:space-between;margin:20px 0}.video-link-box span{color:var(--accent);font-weight:500;overflow:hidden;text-overflow:ellipsis}.copy-btn{background:var(--accent);color:#fff;border:none;padding:8px 20px;border-radius:40px;font-weight:600;cursor:pointer}.flow-navigation{display:flex;gap:16px;margin-top:28px}.flow-btn{flex:1;padding:16px;border-radius:40px;font-weight:600;border:none;cursor:pointer;transition:.2s;font-size:1rem}.cc-available,.control-btn#ccBtn.cc-active,.control-btn#ccBtn.cc-available{color:var(--accent)!important}.voice-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:32px;padding:32px;box-shadow:var(--shadow-lg);z-index:11000;width:90%;max-width:400px;text-align:center;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{transform:translate(-50%,-40%) scale(.8);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.voice-close-btn{background:var(--bg-secondary);border:none;width:36px;height:36px;border-radius:50%;justify-content:center;font-size:1.2rem;color:var(--text-primary);transition:.2s}.voice-mic-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 24px;animation:1.5s infinite micPulse}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(62,166,255,.7)}50%{transform:scale(1.1);box-shadow:0 0 30px 10px rgba(62,166,255,.4)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(62,166,255,0)}}.voice-listening-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:8px}.voice-transcript{background:var(--bg-secondary);padding:16px;border-radius:16px;font-size:1.1rem;min-height:60px;margin:16px 0;color:var(--text-primary)}.voice-status{color:var(--accent);font-weight:600;margin-top:16px}@media (max-width:380px){#qualitySubmenu,#speedSubmenu,.settings-main-menu{width:180px!important;max-width:180px!important;right:3px!important}.settings-menu-item,.settings-option,.settings-submenu-header{padding:8px 10px!important;font-size:.8rem!important}.settings-menu-item .menu-item-left i{font-size:.8rem!important}.settings-menu-item .menu-item-left{gap:8px!important}}.control-btn,.control-btn#ccBtn{min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;background:0 0!important;cursor:pointer!important;transition:.2s!important;width:40px!important;height:40px!important;color:#fff!important}.control-btn,.control-btn#ccBtn,.control-btn#ccBtn i{font-size:1.2rem!important}@media (max-width:932px) and (orientation:landscape){#qualitySubmenu,#speedSubmenu,.settings-main-menu{max-height:250px!important;bottom:80px!important}}.video-player-wrapper:fullscreen #qualitySubmenu,.video-player-wrapper:fullscreen #speedSubmenu,.video-player-wrapper:fullscreen .settings-main-menu{bottom:90px!important;right:20px!important;width:220px!important;max-width:220px!important}.control-btn#ccBtn{justify-content:center!important;border:none!important;border-radius:50%!important;position:relative!important}.control-btn,.controls-right{display:flex!important;align-items:center!important}.control-btn#ccBtn:hover{background:rgba(255,255,255,.2)!important;transform:scale(1.1)!important}.control-btn#ccBtn i{display:inline-block!important}.controls-right{margin-right:0!important}.control-btn{justify-content:center!important;border-radius:50%!important;border:none!important}.controls-left,.controls-row{align-items:center!important}.control-btn#fullscreenBtn,.control-btn#settingsBtn,.control-btn#volumeBtn{width:40px!important;height:40px!important}.control-btn#playPauseBtn{width:44px!important;height:44px!important}@media (max-width:768px){.control-btn,.control-btn#ccBtn{width:36px!important;height:36px!important}.control-btn,.control-btn#ccBtn,.control-btn#ccBtn i{font-size:1rem!important}.control-btn{min-width:36px!important;min-height:36px!important}.control-btn#playPauseBtn{width:40px!important;height:40px!important}.controls-right{gap:4px!important}.volume-container{display:none!important}}@media (max-width:480px){.control-btn,.control-btn#ccBtn{width:32px!important;height:32px!important;font-size:.9rem!important}.control-btn,.control-btn#ccBtn,.control-btn#ccBtn i{font-size:.9rem!important}.control-btn{min-width:32px!important;min-height:32px!important}.control-btn#playPauseBtn{width:36px!important;height:36px!important}.controls-right{gap:2px!important}}.cc-settings-panel{position:absolute!important;bottom:60px!important;right:0!important;width:260px!important;max-width:260px!important;background:var(--cc-window-bg)!important;backdrop-filter:blur(12px)!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important;z-index:1000!important;padding:16px!important;display:none!important}.controls-left,.controls-right,.controls-row{display:flex!important}.cc-settings-panel.show{display:block!important}.controls-row{justify-content:space-between!important;width:100%!important}.controls-left{gap:12px!important}.controls-right{align-items:center!important;gap:8px!important}.time-display{font-size:.9rem!important;white-space:nowrap!important;color:#fff!important;margin-left:4px!important}@media (max-width:768px){.cc-settings-panel{bottom:70px!important;right:5px!important;width:240px!important;max-width:240px!important;max-height:60vh!important;overflow-y:auto!important;padding:12px!important}.cc-setting-group label{font-size:.75rem!important}.cc-font-weight-option,.cc-setting-group input,.cc-setting-group select,.time-display{font-size:.8rem!important}.cc-preview{font-size:11px!important;padding:6px!important}#qualitySubmenu,#speedSubmenu,.settings-main-menu{position:fixed!important;transform:translateY(100%) translateZ(0)!important;width:100%!important;background:rgba(33,33,33,.98)!important;box-shadow:0 -10px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05) inset!important;padding:0 0 24px!important;transition:transform .4s cubic-bezier(.16, 1, .3, 1)!important;opacity:1!important;pointer-events:auto!important;overflow-y:auto!important;will-change:transform!important;display:block!important;visibility:visible!important}#qualitySubmenu,#speedSubmenu,.settings-backdrop,.settings-main-menu{left:0!important;right:0!important;bottom:0!important}#qualitySubmenu,#speedSubmenu,.settings-main-menu,.settings-submenu{all:initial!important}.settings-main-menu{backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-radius:24px 24px 0 0!important;z-index:999999!important;border:none!important;max-height:min(75vh,500px)!important}.settings-menu-item,.settings-submenu-header{display:flex!important;align-items:center!important;color:#fff!important}#qualitySubmenu.show,#speedSubmenu.show,.settings-main-menu.show{transform:translateY(0) translateZ(0)!important}#qualitySubmenu,#speedSubmenu{backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-radius:24px 24px 0 0!important;z-index:1000000!important;border:none!important;max-height:min(65vh,420px)!important}#qualitySubmenu::-webkit-scrollbar,#speedSubmenu::-webkit-scrollbar,.settings-main-menu::-webkit-scrollbar{width:4px!important}#qualitySubmenu::-webkit-scrollbar-track,#speedSubmenu::-webkit-scrollbar-track,.settings-main-menu::-webkit-scrollbar-track{background:0 0!important}#qualitySubmenu::-webkit-scrollbar-thumb,#speedSubmenu::-webkit-scrollbar-thumb,.settings-main-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)!important;border-radius:4px!important}#qualitySubmenu::-webkit-scrollbar-thumb:hover,#speedSubmenu::-webkit-scrollbar-thumb:hover,.settings-main-menu::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)!important}#qualitySubmenu::before,#speedSubmenu::before,.settings-main-menu::before{content:''!important;display:block!important;width:36px!important;height:5px!important;background:rgba(255,255,255,.2)!important;border-radius:3px!important;margin:12px auto 16px!important;transition:background .2s!important}#qualitySubmenu:hover::before,#speedSubmenu:hover::before,.settings-main-menu:hover::before{background:rgba(255,255,255,.3)!important}.settings-submenu-header{gap:16px!important;padding:16px 20px!important;font-size:18px!important;font-weight:500!important;letter-spacing:-.2px!important;background:rgba(42,42,42,.8)!important;margin:0 0 4px!important;cursor:pointer!important;border-bottom:1px solid rgba(255,255,255,.08)!important;position:sticky!important;top:0!important;z-index:10!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.settings-menu-item,.settings-option{letter-spacing:-.1px!important;cursor:pointer!important;border-bottom:1px solid rgba(255,255,255,.05)!important;background:0 0!important;-webkit-tap-highlight-color:transparent!important}.settings-submenu-header i{font-size:1.5rem!important;color:#fff!important;transition:transform .2s!important}.settings-submenu-header:active i{transform:translateX(-4px)!important}.settings-submenu-header:active{background:rgba(61,61,61,.9)!important}.settings-menu-item{justify-content:space-between!important;padding:14px 20px!important;font-size:16px!important;font-weight:400!important;min-height:52px!important;transition:background .2s,transform .1s!important}.menu-item-left,.menu-item-right{align-items:center!important;display:flex!important}#currentQualityValue,#currentSpeedValue,.menu-item-right{color:rgba(255,255,255,.5)!important;font-size:14px!important;font-weight:400!important}.settings-menu-item:last-child,.settings-option:last-child{border-bottom:none!important}.settings-menu-item:active{background:rgba(255,255,255,.08)!important;transform:scale(.98)!important}.menu-item-left{gap:16px!important}.menu-item-left i{font-size:1.4rem!important;color:rgba(255,255,255,.9)!important;width:28px!important;text-align:center!important}.menu-item-right{gap:8px!important}.menu-item-right i{font-size:1rem!important;color:rgba(255,255,255,.3)!important;transition:transform .2s!important}.settings-menu-item:active .menu-item-right i{transform:translateX(4px)!important}.settings-option{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 20px!important;color:#fff!important;font-size:15px!important;font-weight:400!important;min-height:48px!important;transition:.2s!important}.settings-option:active{background:rgba(255,255,255,.08)!important;padding-left:24px!important}.settings-option.active{color:#3ea6ff!important;background:rgba(62,166,255,.05)!important}.settings-option .check-icon{color:#3ea6ff!important;font-size:1.3rem!important;opacity:0!important;transform:scale(.8)!important;transition:opacity .2s,transform .2s!important}.settings-option.active .check-icon{opacity:1!important;transform:scale(1)!important}.settings-backdrop{position:fixed!important;top:0!important;background:rgba(0,0,0,.3)!important;z-index:999998!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.settings-backdrop.show{opacity:1!important;visibility:visible!important}}@media (max-width:480px){.time-display{font-size:.7rem!important}}@media (min-width:376px) and (max-width:768px){#qualitySubmenu,#speedSubmenu{max-height:400px!important}.settings-option{padding:12px 20px!important;min-height:48px!important;font-size:15px!important}}@media (max-width:375px){.control-btn,.control-btn#ccBtn{width:30px!important;height:30px!important}.control-btn{min-width:30px!important;min-height:30px!important;font-size:.85rem!important}.control-btn#playPauseBtn{width:34px!important;height:34px!important}#qualitySubmenu,#speedSubmenu{max-height:380px!important}.settings-option{padding:10px 18px!important;min-height:44px!important;font-size:14px!important}.settings-option .check-icon{font-size:1.2rem!important}.settings-submenu-header{padding:14px 18px!important;font-size:17px!important}.settings-submenu-header i{font-size:1.3rem!important}}@media (max-width:320px){#qualitySubmenu,#speedSubmenu{max-height:350px!important}.settings-option{padding:8px 16px!important;min-height:40px!important;font-size:13px!important}}@media (max-width:932px) and (orientation:landscape){#qualitySubmenu,#speedSubmenu{max-height:70vh!important}.settings-option{min-height:40px!important;padding:8px 20px!important}}@keyframes slideUp{from{transform:translateY(100%) translateZ(0)}to{transform:translateY(0) translateZ(0)}}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.settings-option.active .check-icon{animation:.3s cubic-bezier(.34,1.56,.64,1) checkPop!important}@media (max-width:768px){#qualitySubmenu:not(.show),#speedSubmenu:not(.show),.settings-main-menu:not(.show){display:none!important}#qualitySubmenu.show,#speedSubmenu.show,.settings-main-menu.show{display:block!important}.video-player-wrapper{position:relative!important;overflow:visible!important}#qualitySubmenu,#speedSubmenu,.settings-main-menu{z-index:999999!important}.settings-main-menu,.settings-submenu{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important;transform:translateY(100%) translateZ(0)!important}#qualitySubmenu.show,#speedSubmenu.show,.settings-main-menu.show,.settings-submenu.show{transform:translateY(0) translateZ(0)!important}}.channel-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:8px;overflow-x:auto;scrollbar-width:none}.channel-tabs::-webkit-scrollbar{display:none}.channel-tab{padding:10px 20px;background:0 0;border:none;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:40px;transition:.2s;white-space:nowrap}.channel-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.channel-tab-content{animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channel-social-section{background:var(--bg-secondary);border-radius:20px;padding:24px;margin-top:20px;box-shadow:var(--shadow-sm)}.channel-social-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.channel-social-header h3{font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:8px}.channel-social-links{display:flex;flex-wrap:wrap;gap:16px;min-height:60px}.social-link-icon.large{padding:12px 20px;font-size:1.1rem;border-radius:40px}.social-link-input-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.social-input{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem}