@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";.main-content-area{display:flex;margin-top:56px;height:calc(100vh - 56px)}.sidebar-expanded .youtube-sidebar{width:240px}.sidebar-expanded .page-view{margin-left:0}.sidebar-minimized .youtube-sidebar{width:72px}.sidebar-minimized .page-view{margin-left:0}.page-view{flex-grow:1;padding:24px;overflow-y:auto;transition:margin-left .3s ease;margin:0;box-sizing:border-box}.page-view::-webkit-scrollbar{width:8px}.page-view::-webkit-scrollbar-track{background:transparent}.page-view::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.page-view::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.page-view::-webkit-scrollbar{width:6px}}.home-page-container{padding-top:100px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:16px;justify-content:center;width:100%}.shorts-layout{margin-top:56px;height:calc(100vh - 56px)}.shorts-layout .page-view.shorts-page-view{padding:0!important;margin:0!important;overflow:hidden}@media(max-width:768px){.shorts-layout .page-view.shorts-page-view{padding:0!important;margin:0!important;width:100vw!important;max-width:100vw!important}}@media(max-width:1024px){.page-view{padding:16px}.video-grid{grid-template-columns:repeat(3,1fr);gap:16px;justify-content:center}.home-page-container{padding-top:90px}}@media(min-width:1025px)and (max-width:1399px){.video-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media(min-width:1400px){.video-grid{grid-template-columns:repeat(4,1fr);gap:24px}}@media(max-width:768px){.main-content-area{margin-top:56px!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important;position:relative!important;left:0!important;right:0!important;justify-content:flex-start!important;align-items:flex-start!important;gap:0!important}.main-content-area>.youtube-sidebar:not(.show-mobile){width:0!important;min-width:0!important;max-width:0!important;flex:none!important;margin:0!important;padding:0!important}.page-view{padding:0 0 50px!important;margin:0!important;width:100vw!important;max-width:100vw!important;flex:1 1 100%!important;flex-basis:100%!important;flex-grow:1!important;flex-shrink:0!important;min-width:0!important;box-sizing:border-box!important;position:relative!important;left:0!important;right:0!important;transform:translate(0)!important;-webkit-transform:translateX(0)!important}.sidebar-expanded .page-view,.sidebar-minimized .page-view{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.page-view>*{margin-left:0!important;padding-left:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.shorts-layout .page-view.shorts-page-view{padding:0!important;margin:0!important;width:100vw!important;max-width:100vw!important}.home-page-container{padding-top:80px;gap:24px;padding-bottom:32px;padding-left:12px!important;padding-right:12px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.video-grid{grid-template-columns:1fr;gap:16px;width:100%!important;margin-left:0!important}.sidebar-expanded .youtube-sidebar,.sidebar-minimized .youtube-sidebar{position:fixed!important;left:-240px!important;top:56px!important;height:calc(100vh - 56px)!important;z-index:999!important;transition:left .3s ease!important;background:var(--sidebar-bg)!important;width:240px!important;flex:none!important;flex-basis:0!important;flex-grow:0!important;flex-shrink:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;order:-1!important;overflow-y:auto!important;overflow-x:hidden!important}.sidebar-expanded .youtube-sidebar.show-mobile,.sidebar-minimized .youtube-sidebar.show-mobile{left:0!important;max-width:240px!important;width:240px!important;min-width:240px!important}.sidebar-overlay{position:fixed;inset:56px 0 0;background:#00000080;z-index:998}}.youtube-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:56px;background-color:var(--header-bg);padding:0 24px;z-index:1001;border-bottom:1px solid #303030;overflow:visible;box-sizing:border-box}@media(max-width:768px){.youtube-header{z-index:1001!important;position:fixed!important;top:0!important;visibility:visible!important;opacity:1!important;transform:none!important}}.left-section,.right-section{display:flex;align-items:center;gap:0;flex-shrink:0;min-width:0;overflow:visible}.menu-btn{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;margin-right:20px;padding:5px 10px}.logo-link{display:flex;align-items:center}.logo-text{font-size:20px;font-weight:700;color:var(--text-color)}.logo-image{height:30px;width:auto;object-fit:contain}.middle-section{display:flex;flex:1;max-width:728px;margin:0 40px;min-width:0;align-items:center;gap:8px}.search-box{display:flex;flex:1;min-width:0}.search-input{flex:1;min-width:0;padding:8px 16px;border:1px solid #303030;background-color:#121212;color:var(--text-color);border-radius:40px 0 0 40px;outline:none;font-size:16px;transition:all .3s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3ea6ff33}.search-btn{padding:8px 20px;border:1px solid #303030;background-color:#303030;color:var(--text-color);cursor:pointer;border-radius:0 40px 40px 0}.voice-btn{padding:8px;border:none;background-color:transparent;color:var(--text-color);cursor:pointer;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:40px;min-height:40px;position:relative;margin-left:8px}.voice-btn svg{width:20px;height:20px;transition:all .2s}.voice-btn:hover:not(:disabled){background-color:#ffffff1a}.voice-btn:hover:not(:disabled) svg{transform:scale(1.1)}.voice-btn:disabled{opacity:.6;cursor:not-allowed}.voice-btn.listening{background-color:#ff000026;color:#f44}.voice-btn.listening svg{color:#f44}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.middle-section{position:relative}.speech-error-toast{position:absolute;top:100%;right:0;margin-top:8px;padding:8px 12px;background-color:#ff0000e6;color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1003;box-shadow:0 2px 8px #0000004d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon-btn,.user-avatar{background:none;border:none;color:var(--text-color);font-size:18px;margin-left:20px;cursor:pointer;line-height:1}.upload-header-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;background:#ffffff1a;border:1px solid #3b3b3b;border-radius:18px;color:var(--text-color);text-decoration:none;font-size:14px;font-weight:500;margin-left:20px;transition:all .2s;height:36px;min-width:80px;white-space:nowrap;text-align:center;line-height:1}.upload-text{display:inline-block;vertical-align:middle}.upload-header-btn:hover{background:#ffffff26;border-color:var(--text-color)}.login-header-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;background:var(--primary-color);border:1px solid var(--primary-color);border-radius:18px;color:var(--text-color);text-decoration:none;font-size:14px;font-weight:500;margin-left:20px;transition:all .2s;height:36px;min-width:80px;white-space:nowrap;text-align:center;line-height:1}.login-header-btn:hover{opacity:.9;background:var(--primary-color)}.login-text{display:inline-block;vertical-align:middle}.upload-icon{font-size:18px}.upload-text{display:inline}.notification-menu-container{position:relative;margin-left:20px}.notification-btn{position:relative;background:none;border:none;color:var(--text-color);font-size:18px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;width:40px;height:40px;border-radius:50%}.notification-btn:hover{background:#ffffff1a}.notification-btn:hover{opacity:.8}.notification-icon{display:block}.notification-badge{position:absolute;top:4px;right:4px;background:var(--primary-color);color:var(--text-color);font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.user-menu-container{position:relative;margin-left:20px}.user-avatar-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;cursor:pointer;transition:opacity .2s}.user-avatar:hover{opacity:.9}.user-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;cursor:pointer;transition:opacity .2s}.user-avatar-img:hover{opacity:.9}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border-radius:12px;min-width:280px;box-shadow:0 4px 16px #0006;z-index:1001;overflow:hidden;border:1px solid #3b3b3b}.dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0d}.dropdown-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.dropdown-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.dropdown-user-info{flex:1;min-width:0}.dropdown-username{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:2px}.dropdown-email{font-size:12px;color:var(--secondary-text-color)}.dropdown-divider{height:1px;background:#3b3b3b;margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:16px;padding:12px 16px;color:var(--text-color);text-decoration:none;font-size:14px;transition:background-color .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.dropdown-item:hover{background-color:#ffffff1a}.dropdown-icon{font-size:20px;width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-item{color:#f44}.logout-item:hover{background-color:#ff44441a}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border-radius:12px;width:360px;max-height:500px;box-shadow:0 4px 16px #0006;z-index:1001;overflow:hidden;border:1px solid #3b3b3b;display:flex;flex-direction:column}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #3b3b3b}.notification-header h3{font-size:16px;font-weight:500;margin:0;color:var(--text-color)}.mark-all-read-btn{background:none;border:none;color:#3ea6ff;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.mark-all-read-btn:hover{background:#3ea6ff1a}.notification-list{max-height:400px;overflow-y:auto;scrollbar-width:thin}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#3b3b3b;border-radius:4px}.notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #3b3b3b;cursor:pointer;text-decoration:none;color:inherit;align-items:flex-start;transition:background-color .2s}.notification-item:hover{background-color:#ffffff0d}.notification-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.notification-item:last-child{border-bottom:none}.notification-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.notification-message{font-size:14px;color:var(--text-color);margin:0 0 4px;line-height:1.4}.notification-time{font-size:12px;color:var(--secondary-text-color)}.no-notifications{padding:40px 20px;text-align:center;color:var(--secondary-text-color)}.no-notifications p{margin:0;font-size:14px}.notification-footer{padding:12px 16px;border-top:1px solid #3b3b3b;text-align:center}.notification-footer a{color:#3ea6ff;text-decoration:none;font-size:14px;font-weight:500}.notification-footer a:hover{text-decoration:underline}@media(max-width:1024px){.youtube-header{padding:0 16px}.middle-section{max-width:600px;margin:0 20px}.logo-image{height:36px}}@media(max-width:768px){.youtube-header{padding:0 8px;height:56px;gap:4px;position:relative}.left-section{flex-shrink:0;min-width:auto}.menu-btn{margin-right:8px;padding:5px 8px;font-size:20px}.logo-image{height:28px}.logo-icon{font-size:20px}.middle-section{flex:1;max-width:none;margin:0 4px;min-width:0;gap:4px}.search-box{min-width:0;flex:1;display:flex!important;align-items:center!important;gap:0!important;position:relative;transition:all .3s ease;z-index:1001}.middle-section:focus-within{position:absolute;inset:0;margin:0;padding:8px;z-index:1002;background-color:var(--header-bg);border-bottom:1px solid #303030}.middle-section:focus-within .search-box{width:100%;max-width:100%}.search-input{font-size:14px;padding:8px 12px;min-width:0;flex:1;border:1px solid #303030!important;background-color:#121212!important;color:var(--text-color)!important;border-radius:20px 0 0 20px!important;outline:none!important;height:36px;box-sizing:border-box;-webkit-appearance:none;appearance:none;transition:all .3s ease}.search-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #3ea6ff4d!important}.youtube-header:has(.middle-section:focus-within) .left-section,.youtube-header:has(.middle-section:focus-within) .right-section{opacity:0;pointer-events:none;transition:opacity .3s ease}.search-input::placeholder{color:var(--secondary-text-color);opacity:.7}.search-btn{padding:8px 16px;flex-shrink:0;border:1px solid #303030!important;background-color:#303030!important;color:var(--text-color)!important;cursor:pointer!important;border-radius:0 20px 20px 0!important;height:36px;display:flex!important;align-items:center!important;justify-content:center!important;min-width:44px;box-sizing:border-box}.voice-btn{display:flex;min-width:36px;min-height:36px;margin-left:4px;padding:6px}.voice-btn svg{width:18px;height:18px}.speech-error-toast{font-size:11px;padding:6px 10px;max-width:200px;white-space:normal}.upload-header-btn{margin-left:12px;padding:6px 12px;font-size:13px;height:32px}.upload-text{display:inline}.login-header-btn{margin-left:12px;padding:8px 16px;font-size:14px;font-weight:500;height:36px;min-width:90px;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;border-radius:18px!important;color:var(--text-color)!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important}.login-text{display:inline}.notification-menu-container{margin-left:12px;display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1001!important}.notification-btn{width:36px!important;height:36px!important;padding:6px!important;display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important}.notification-badge{display:block!important;visibility:visible!important;opacity:1!important}.notification-dropdown{width:320px;right:-12px;z-index:1002!important;display:block!important;visibility:visible!important}.user-menu-container{margin-left:8px;display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1001!important}.user-avatar-btn{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1001!important}.user-avatar{width:32px!important;height:32px!important;font-size:13px!important;display:flex!important;visibility:visible!important;opacity:1!important}.user-avatar-img{width:32px!important;height:32px!important;display:block!important;visibility:visible!important;opacity:1!important}.user-dropdown{right:-12px;min-width:260px;z-index:1002!important}.right-section{display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important;min-width:0!important;overflow:visible!important}.notification-btn{width:36px!important;height:36px!important;padding:6px!important;display:flex!important;visibility:visible!important;opacity:1!important}.notification-icon{font-size:16px!important;display:block!important;visibility:visible!important}@media(max-width:480px){.upload-header-btn{min-width:36px;padding:6px}.upload-text{display:none}.upload-header-btn:before{content:"📤";font-size:18px}.login-header-btn{min-width:80px;padding:8px 14px;height:36px}.login-text{display:inline!important;font-size:13px}.login-header-btn:before{content:none}.search-input{font-size:13px;padding:8px 10px;height:34px}.search-btn{padding:8px 12px;height:34px;min-width:40px}}}.youtube-sidebar{background-color:var(--sidebar-bg);overflow-y:auto;overflow-x:hidden;padding:0;flex-shrink:0;transition:width .3s ease;height:100%}.youtube-sidebar.expanded{padding:8px 0}.sidebar-group{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-group:last-child{border-bottom:none}.sidebar-group h3{font-size:14px;font-weight:500;color:var(--secondary-text-color);padding:8px 16px 8px 24px;margin:0;text-transform:uppercase;letter-spacing:.5px}.youtube-sidebar.expanded .sidebar-item{display:flex;align-items:center;flex-direction:row;padding:8px 16px;gap:24px;color:var(--text-color);text-decoration:none;transition:background-color .2s;border-radius:0;white-space:nowrap;min-height:40px}.youtube-sidebar.expanded .sidebar-item:hover{background-color:#ffffff1a}.youtube-sidebar.expanded .sidebar-item.active{background-color:#ffffff1a;font-weight:500}.sidebar-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.sidebar-icon-img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.youtube-sidebar.expanded .icon-only,.youtube-sidebar.expanded .label-only{display:none}.youtube-sidebar.minimized{padding:8px 0}.youtube-sidebar.minimized .sidebar-group{display:none}.youtube-sidebar.minimized .sidebar-item{flex-direction:column;align-items:center;justify-content:center;padding:12px 0;width:100%;gap:6px;min-height:74px}.youtube-sidebar.minimized .label-only{font-size:10px;margin-top:0;text-align:center;line-height:1.2;display:block}.youtube-sidebar.minimized .icon-only{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.youtube-sidebar.minimized .sidebar-item:hover,.youtube-sidebar.minimized .sidebar-item.active{background-color:#ffffff1a}.sidebar-item{text-decoration:none;color:var(--text-color);display:flex;align-items:center;transition:background-color .2s;font-size:14px}.sidebar-item:visited{color:var(--text-color)}.youtube-sidebar.expanded .sidebar-item>*{display:inline-block;vertical-align:middle}@media(max-width:1024px){.youtube-sidebar.expanded .sidebar-item{padding:10px 16px;gap:20px}.sidebar-group h3{padding:8px 16px 8px 20px}}@media(max-width:768px){.youtube-sidebar:not(.show-mobile){box-shadow:2px 0 8px #0000004d;width:0!important;min-width:0!important;flex:0 0 0!important;flex-basis:0!important}.youtube-sidebar.show-mobile{box-shadow:2px 0 8px #0000004d;width:240px!important;min-width:240px!important;display:flex!important;flex-direction:column!important}.youtube-sidebar.expanded .sidebar-item{padding:10px 20px;gap:20px}.sidebar-group h3{padding:8px 20px}}.mobile-bottom-nav{display:none;position:fixed;bottom:-2px;left:0;right:0;width:100%;background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:4px 0;z-index:1000;box-shadow:0 -2px 10px #0000004d}@media(max-width:768px){.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 12px;text-decoration:none;color:#aaa;transition:color .2s ease;flex:1;min-width:0}.mobile-nav-item:hover{color:#fff}.mobile-nav-item.active{color:#3ea6ff}.mobile-nav-icon{font-size:18px;line-height:1}.mobile-nav-icon-img{width:18px;height:18px;object-fit:contain}.mobile-nav-label{font-size:10px;font-weight:500;line-height:1}@media(min-width:769px){.mobile-bottom-nav{display:none!important}}@media(max-width:768px){.shorts-layout~.mobile-bottom-nav,.shorts-page-view~.mobile-bottom-nav{display:none!important}}@media(max-width:768px){.page-view{padding-bottom:50px}.shorts-page-view{padding-bottom:0!important}}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{min-width:300px;max-width:400px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto;cursor:pointer;animation:slideInRight .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#22c55ef2;color:#fff;border-left:4px solid #22c55e}.toast-error{background:#ef4444f2;color:#fff;border-left:4px solid #ef4444}.toast-warning{background:#fbbf24f2;color:#fff;border-left:4px solid #fbbf24}.toast-info{background:#3b82f6f2;color:#fff;border-left:4px solid #3b82f6}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0}.toast-message{font-size:14px;line-height:1.5;flex:1}.toast-close{background:none;border:none;color:#fffc;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s;line-height:1}.toast-close:hover{color:#fff}@media(max-width:768px){.toast-container{top:70px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}.category-bar-container{position:fixed;top:56px;left:0;right:0;z-index:100;padding:12px 24px 16px;background:var(--bg-color);border-bottom:1px solid #303030;transition:left .3s ease}.main-content-area.sidebar-expanded .category-bar-container{left:240px}.main-content-area.sidebar-minimized .category-bar-container{left:72px}.category-chips-wrapper{display:flex;align-items:center;gap:8px}.chip-scroll-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.chip-scroll-btn:hover{background:#ffffff26}.chip-scroll-btn-left{margin-right:0}.chip-scroll-btn-right{margin-left:0}.category-chips{display:flex;overflow-x:auto;white-space:nowrap;gap:12px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:4px;flex:1}.category-chips::-webkit-scrollbar{display:none}.category-chip{background-color:#272727;color:var(--text-color);border:1px solid transparent;padding:8px 16px;border-radius:16px;cursor:pointer;font-size:14px;flex-shrink:0;transition:background .2s ease}.category-chip:hover{background:#fff3}.category-chip.active{background-color:var(--text-color);color:var(--bg-color);font-weight:500}@media(max-width:1024px){.category-bar-container{padding:10px 16px 12px}.category-bar-headline h2{font-size:16px}.category-chip{padding:6px 14px;font-size:13px}.main-content-area.sidebar-expanded .category-bar-container,.main-content-area.sidebar-minimized .category-bar-container{left:0}}@media(max-width:768px){.category-bar-container{left:0!important;padding:8px 12px 10px}.chip-scroll-btn{display:none}.category-chips{gap:8px}.category-chip{padding:6px 12px;font-size:12px;border-radius:12px}}.video-card{display:block;transition:transform .2s;width:100%;min-width:0;max-width:100%;height:auto;min-height:auto;max-height:none;padding:0;margin:0}.video-card:hover{transform:translateY(-2px)}.video-card-link{display:block;text-decoration:none;color:inherit}.channel-avatar-link,.video-title-link,.channel-name-link{text-decoration:none;color:inherit}.channel-name-link:hover .channel-name{color:var(--text-color)}.thumbnail-container{width:100%;height:auto;min-height:200px;aspect-ratio:16 / 9;position:relative;background-color:var(--card-bg);border-radius:12px;overflow:hidden;margin-bottom:12px;flex-shrink:0}.thumbnail-container img{width:100%;height:100%;object-fit:cover}.video-duration{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:3px 6px;border-radius:4px;font-size:12px;font-weight:600;line-height:1.2}.thumbnail-container>[Image]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#303030;color:var(--secondary-text-color);display:flex;align-items:center;justify-content:center;font-size:14px}.video-details{display:flex;padding:0;margin:0;gap:12px;align-items:flex-start;height:108px;min-height:108px;max-height:108px;width:100%;box-sizing:border-box}.channel-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background-color:#555;color:var(--text-color);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;overflow:hidden;position:relative}.channel-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.channel-avatar span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text-details{flex-grow:1;min-width:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start}.video-title{font-size:15px;font-weight:500;line-height:1.4;max-height:44px;overflow:hidden;margin:0 0 6px;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text-color);text-align:left}.channel-name,.video-stats{font-size:13px;color:var(--secondary-text-color);line-height:1.4;margin:0;padding:0;text-align:left}.channel-name{margin-bottom:4px;font-size:13px;display:block}.video-stats{margin-top:0;font-size:13px}.video-card-channel{display:block;transition:transform .2s;width:100%;padding:0;margin:0}.video-details-channel{display:flex;flex-direction:column;padding:12px 0 0;margin:0;gap:8px;width:100%;box-sizing:border-box}.channel-info-row{display:flex;align-items:center;gap:4px!important;width:100%;margin:0;padding:0}.channel-info-row .channel-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background-color:#555;color:var(--text-color);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.channel-info-row .channel-name{font-size:13px;color:var(--secondary-text-color);line-height:1.4;margin:0!important;padding:0!important;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.channel-info-row .channel-avatar-link{margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center}.video-details-channel .video-title{font-size:14px;font-weight:500;line-height:1.4;max-height:40px;overflow:hidden;margin:0;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text-color);text-align:left;width:100%;word-wrap:break-word;overflow-wrap:break-word}.video-details-channel .video-stats{font-size:12px;color:var(--secondary-text-color);line-height:1.4;margin:0;padding:0;text-align:left}@media(max-width:1024px){.video-title{font-size:15px}.channel-name,.video-stats{font-size:12px}}.video-card-horizontal{width:100%;height:120px;min-height:120px;max-height:120px}.video-card-link-horizontal{display:flex;gap:12px;text-decoration:none;color:inherit;padding:8px;border-radius:12px;transition:background .2s;height:100%;width:100%}.video-card-link-horizontal:hover{background:#ffffff0d}.thumbnail-container-horizontal{position:relative;width:200px;min-width:200px;max-width:200px;height:104px;min-height:104px;max-height:104px;background-color:var(--card-bg);border-radius:10px;overflow:hidden;flex-shrink:0}.thumbnail-container-horizontal img{width:100%;height:100%;object-fit:cover}.thumbnail-container-horizontal .video-duration{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.video-details-horizontal{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.video-details-horizontal .video-title{font-size:16px;font-weight:500;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-color)}.video-meta-horizontal{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--secondary-text-color)}.video-meta-horizontal .channel-name,.video-meta-horizontal .video-stats{font-size:13px;color:var(--secondary-text-color)}@media(max-width:768px){.video-card{width:100%;min-width:100%;max-width:100%;height:auto;min-height:auto;max-height:none}.thumbnail-container{border-radius:8px;margin-bottom:10px;height:200px;min-height:200px;max-height:200px}.video-details{padding-right:0;height:auto;min-height:auto;max-height:none}.channel-avatar{width:32px;height:32px;font-size:12px;margin-right:10px}.video-title{font-size:14px;max-height:40px;-webkit-line-clamp:2}.channel-name,.video-stats{font-size:12px}.thumbnail-container-horizontal{width:120px;min-width:120px;padding-bottom:67.5px}.video-details-horizontal .video-title{font-size:14px}.video-meta-horizontal{font-size:12px}}.loader-container{display:flex;align-items:center;justify-content:center;padding:20px;width:100%}.loader-spinner{display:inline-block;position:relative}.loader-small{width:24px;height:24px}.loader-medium{width:40px;height:40px}.loader-large{width:60px;height:60px}.loader-ring{box-sizing:border-box;display:block;position:absolute;border:3px solid rgba(62,166,255,.3);border-radius:50%;animation:loader-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-top-color:#3ea6ff}.loader-small .loader-ring{width:24px;height:24px;border-width:2px}.loader-medium .loader-ring{width:40px;height:40px;border-width:3px}.loader-large .loader-ring{width:60px;height:60px;border-width:4px}.loader-ring:nth-child(1){animation-delay:-.45s}.loader-ring:nth-child(2){animation-delay:-.3s}.loader-ring:nth-child(3){animation-delay:-.15s}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-simple{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#3ea6ff;border-radius:50%;animation:loader-spin .8s linear infinite}.home-page-container{display:flex;flex-direction:column;gap:32px;padding-bottom:64px;padding-left:24px;padding-right:24px;width:100%;max-width:100%;box-sizing:border-box}.featured-video-banner{position:relative;border-radius:20px;overflow:hidden;background-color:#1c1c1c;min-height:320px}.featured-video-banner img{width:100%;height:360px;object-fit:cover;filter:brightness(.35)}.featured-overlay{position:absolute;inset:0;padding:clamp(20px,4vw,48px);display:flex;flex-direction:column;justify-content:flex-end;gap:16px}.featured-channel-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0006;font-size:13px;width:fit-content;text-transform:uppercase;letter-spacing:.05em}.featured-overlay h1{margin:0;font-size:clamp(28px,4vw,40px)}.featured-overlay p{max-width:580px;color:var(--secondary-text-color)}.featured-meta{display:flex;gap:8px;color:var(--secondary-text-color)}.featured-actions{display:flex;flex-wrap:wrap;gap:12px}.featured-actions a,.featured-actions button{border:none;border-radius:24px;padding:8px 16px;font-weight:600;cursor:pointer}.featured-actions .featured-primary{background:var(--text-color);color:var(--bg-color);display:inline-flex;align-items:center;gap:6px}.featured-actions .secondary{background:#ffffff1f;color:var(--text-color)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading h2{font-size:18px}.section-heading span{color:var(--secondary-text-color);font-size:13px}.rail-section{display:flex;flex-direction:column;gap:12px}.trending-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.trending-rail::-webkit-scrollbar{display:none}.rail-chip{background:#ffffff0f;color:var(--text-color);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 16px;cursor:pointer;flex-shrink:0}.shorts-shelf{padding:20px;border-radius:16px;background:#181818;display:flex;flex-direction:column;gap:18px}.shorts-logo{display:flex;align-items:center;gap:10px}.shorts-logo span{font-size:18px;transform:rotate(90deg);color:var(--primary-color)}.mood-icon{width:20px;height:20px;object-fit:contain;margin-right:8px;flex-shrink:0}.shorts-shelf-wrapper{display:flex;align-items:center;gap:8px}.shorts-scroll-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.shorts-scroll-btn:hover{background:#ffffff26}.shorts-scroll-btn-left{margin-right:0}.shorts-scroll-btn-right{margin-left:0}.shorts-shelf-scroller{display:flex;overflow-x:auto;gap:16px;flex:1;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:4px}.shorts-shelf-scroller::-webkit-scrollbar{display:none}.shorts-shelf-card{display:flex;flex-direction:column;gap:0;background:transparent;border-radius:16px;padding:0;color:inherit;text-decoration:none;transition:transform .2s;flex-shrink:0;width:200px;min-width:200px;position:relative;overflow:hidden;aspect-ratio:9/16}.shorts-shelf-card:hover{transform:translateY(-2px) scale(1.02)}.shorts-thumbnail-container{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;overflow:hidden;z-index:1}.shorts-thumbnail-container img{width:100%;height:100%;object-fit:cover}.shorts-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:3}.shorts-card-info{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);border-radius:0 0 16px 16px;z-index:2;display:flex;flex-direction:column;gap:4px}.shorts-card-title{margin:0;font-size:16px;font-weight:500;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.8)}.shorts-card-meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#ffffffe6}.shorts-card-views,.shorts-card-time{font-size:13px;color:#ffffffe6}.continue-watching-wrapper{display:flex;align-items:center;gap:8px;position:relative}.continue-scroller{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex:1;scroll-behavior:smooth;padding:4px 0;-ms-overflow-style:none;scrollbar-width:none}.continue-scroller::-webkit-scrollbar{display:none}.continue-card{display:flex;flex-direction:column;width:240px;background:#181818;border-radius:16px;color:inherit;flex-shrink:0;transition:transform .2s ease}.continue-card:hover{transform:translateY(-2px)}.continue-thumbnail{position:relative;width:100%;padding-bottom:56.25%;border-radius:16px 16px 0 0;overflow:hidden}.continue-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.continue-thumbnail .video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;z-index:2}.continue-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff3;z-index:1}.continue-progress-bar{height:100%;background:var(--primary-color);transition:width .3s ease}.continue-meta{padding:12px;display:flex;flex-direction:column;gap:4px}.continue-meta p{margin:0;font-weight:500;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-meta span{font-size:12px;color:var(--secondary-text-color)}.continue-resume{color:var(--primary-color)!important;font-weight:500}.continue-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:12px 0}.pagination-btn{background:#272727;border:1px solid #3b3b3b;color:var(--text-color);padding:8px 16px;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,border-color .2s ease}.pagination-btn:hover:not(:disabled){background:#3f3f3f;border-color:#555}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--secondary-text-color);font-size:14px;min-width:120px;text-align:center}.grid-section{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;width:100%}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-content:center;width:100%;padding:0;margin:0;max-width:100%}.video-grid-horizontal{display:flex;flex-direction:column;gap:8px;width:100%}.video-grid-horizontal-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px;width:100%}.grid-section .video-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:0;max-width:100%}.grid-section .video-grid-horizontal{display:flex;flex-direction:column;gap:8px}.grid-section .video-grid-horizontal-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px}@media(max-width:1024px){.home-page-container{gap:24px;padding-left:16px;padding-right:16px}.featured-video-banner{border-radius:12px;min-height:240px}.featured-video-banner img{height:280px}.featured-overlay{padding:20px}.featured-overlay h1{font-size:24px}.shorts-shelf{padding:16px}.shorts-shelf-scroller{gap:10px}.shorts-shelf-card{width:180px;min-width:180px;padding:0;background:transparent;gap:0;aspect-ratio:9/16;position:relative;overflow:hidden}.shorts-shelf-card .shorts-thumbnail-container{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;overflow:hidden;z-index:1}.shorts-shelf-card .shorts-thumbnail-container img{width:100%;height:100%;object-fit:cover}.shorts-shelf-card .shorts-card-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);border-radius:0 0 16px 16px;z-index:2}.shorts-shelf-card .shorts-card-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);font-size:14px}.shorts-shelf-card .shorts-card-meta,.shorts-shelf-card .shorts-card-views,.shorts-shelf-card .shorts-card-time{color:#ffffffe6;font-size:12px}.shorts-shelf-card .shorts-duration{z-index:3}.shorts-scroll-btn{width:32px;height:32px;min-width:32px;font-size:18px}.continue-card{width:200px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.grid-section .video-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0;margin:0}.video-grid-horizontal-cards,.grid-section .video-grid-horizontal-cards{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.home-page-container{gap:20px;padding:80px 12px 32px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.grid-section{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.grid-section .video-grid{grid-template-columns:1fr;gap:16px;justify-content:flex-start!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.video-grid{justify-content:flex-start!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.featured-video-banner{border-radius:0;min-height:200px;margin:0 -12px;width:calc(100% + 24px)}.featured-video-banner img{height:220px}.featured-overlay{padding:16px}.featured-overlay h1{font-size:20px}.featured-overlay p{font-size:13px}.featured-actions{flex-direction:column;width:100%}.featured-actions a,.featured-actions button{width:100%;justify-content:center}.shorts-shelf{padding:12px;border-radius:12px}.shorts-shelf-scroller{gap:8px}.shorts-shelf-card{width:150px;min-width:150px;padding:0;background:transparent;gap:0;aspect-ratio:9/16;height:auto}.shorts-shelf-card .shorts-thumbnail-container{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;z-index:1}.shorts-shelf-card .shorts-thumbnail-container img{width:100%;height:100%;object-fit:cover}.shorts-shelf-card .shorts-card-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);border-radius:0 0 16px 16px;z-index:2}.shorts-shelf-card .shorts-card-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-bottom:6px;font-size:14px}.shorts-shelf-card .shorts-card-meta,.shorts-shelf-card .shorts-card-views,.shorts-shelf-card .shorts-card-time{color:#ffffffe6;font-size:11px}.shorts-shelf-card .shorts-duration{z-index:3}.shorts-scroll-btn{display:none}.continue-scroller{gap:12px}.continue-card{width:180px}.section-heading h2{font-size:16px}.section-heading span{font-size:12px}.video-grid-horizontal-cards,.grid-section .video-grid-horizontal-cards{grid-template-columns:1fr}}@media(min-width:1400px){.home-page-container{padding-left:48px;padding-right:48px}.video-grid,.grid-section .video-grid{gap:24px}}.report-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.report-modal{background:var(--card-bg);border-radius:12px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #303030}.report-modal-header h2{margin:0;font-size:20px;font-weight:500}.report-modal-close{background:none;border:none;color:var(--text-color);font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.report-modal-close:hover{background:#ffffff1a}.report-modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.report-modal-body{padding:24px;flex:1;overflow-y:auto}.report-modal-description{margin:0 0 20px;color:var(--secondary-text-color);font-size:14px;line-height:1.5}.report-input-group{display:flex;flex-direction:column;gap:8px}.report-input-group label{font-size:14px;font-weight:500;color:var(--text-color)}.report-textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid #3b3b3b;border-radius:8px;color:var(--text-color);font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s ease}.report-textarea:focus{outline:none;border-color:var(--primary-color)}.report-textarea:disabled{opacity:.6;cursor:not-allowed}.report-textarea::placeholder{color:var(--secondary-text-color)}.report-word-count{font-size:12px;color:var(--secondary-text-color);text-align:right;margin-top:4px}.report-word-count:has-text{color:var(--text-color)}.report-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #303030;justify-content:flex-end}.report-cancel-btn,.report-submit-btn{padding:10px 24px;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.report-cancel-btn{background:#ffffff1a;color:var(--text-color)}.report-cancel-btn:hover:not(:disabled){background:#ffffff26}.report-submit-btn{background:var(--primary-color);color:#fff}.report-submit-btn:hover:not(:disabled){background:#c00}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.report-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.report-modal{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.report-modal-header{padding:16px 20px}.report-modal-header h2{font-size:18px}.report-modal-body{padding:20px}.report-modal-footer{padding:16px 20px;flex-direction:column-reverse}.report-cancel-btn,.report-submit-btn{width:100%}}.watch-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;width:100%}.video-player-section{display:flex;flex-direction:column;gap:16px}.suggestions-sidebar{position:sticky;top:0;align-self:flex-start;padding-right:8px}.video-player{position:relative;width:100%;padding-bottom:56.25%;border-radius:18px;overflow:hidden;background-color:#000}.video-element{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:filter .3s ease-in-out}.video-element.video-blur{filter:blur(20px)}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.player-overlay{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(transparent,#000c)}.player-overlay span{text-transform:uppercase;font-size:11px;color:var(--secondary-text-color);letter-spacing:.2em}.player-overlay p{margin:4px 0 0;font-size:20px;font-weight:600}.video-info-container{padding-bottom:0;border-bottom:1px solid #303030;display:flex;flex-direction:column;gap:0}.video-main-title{margin:0 0 12px;font-size:24px}.video-actions-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding:0;margin:0}.channel-info{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap}.channel-avatar-link{flex-shrink:0;display:inline-block}.channel-avatar-lg{width:48px;height:48px;border-radius:50%;background-color:#555;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.channel-avatar-lg img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.channel-avatar-fallback{display:flex}.channel-meta{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap}.channel-name-lg{color:var(--text-color);font-weight:500;white-space:nowrap}.subscriber-count{font-size:13px;color:var(--secondary-text-color);white-space:nowrap}.subscribe-btn{background-color:var(--primary-color);border:none;padding:0 16px;border-radius:18px;text-transform:uppercase;font-weight:600;font-size:14px;cursor:pointer;height:36px;min-width:100px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s;line-height:1;flex-shrink:0;white-space:nowrap}.action-buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;align-items:center;flex-shrink:0;white-space:nowrap}.action-btn{background-color:#272727;border:none;border-radius:18px;padding:8px 16px;cursor:pointer;font-weight:500;font-size:14px;color:var(--text-color);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s;min-height:36px;line-height:1.2}.action-btn:hover{background-color:#3f3f3f}.action-btn:active{background-color:#1f1f1f}.action-btn.active{background-color:#3ea6ff;color:#fff}.action-btn.active:hover{background-color:#2d8cd6}.report-btn{background-color:#272727!important;border-radius:18px!important;padding:8px 16px!important;min-width:auto!important;width:auto!important;height:auto!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.report-btn:hover{background-color:#3f3f3f!important}.action-icon{display:inline-block;font-size:18px;transition:transform .2s,filter .2s;line-height:1}.action-btn.active.liked .action-icon,.action-btn.active.disliked .action-icon{transform:scale(1.3);filter:drop-shadow(0 0 6px rgba(255,255,255,1)) brightness(1.2);animation:iconPulse .3s ease-out}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1.3)}}.action-btn:disabled{opacity:.6;cursor:not-allowed}.video-chips-wrapper{margin-top:16px;display:flex;align-items:center;gap:8px;position:relative}.video-chips{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex:1;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding:4px 0}.video-chips::-webkit-scrollbar{display:none}.video-chips span{border:1px solid #333;padding:4px 10px;border-radius:999px;font-size:13px;flex-shrink:0;white-space:nowrap}.chip-scroll-btn{width:32px;height:32px;border-radius:50%;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.chip-scroll-btn:hover{background:#ffffff26;border-color:#555}.chip-scroll-btn:active{background:#fff3}.description-box{margin-top:16px;background:var(--card-bg);padding:14px;border-radius:12px;font-size:14px}.description-stats{font-weight:600;margin-bottom:6px}.description-text{color:var(--secondary-text-color);line-height:1.6}.comments-section{margin-top:24px}.comments-section h3{font-size:20px;font-weight:500;margin-bottom:16px;color:var(--text-color)}.comment-input-container{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-input{width:100%;padding:12px;background-color:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-color);font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.comment-input:focus{outline:none;border-color:var(--primary-color)}.comment-input:disabled{opacity:.6;cursor:not-allowed}.comment-input::placeholder{color:var(--secondary-text-color)}.comment-submit-btn{padding:10px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.comment-login-prompt{margin-bottom:24px;padding:16px;background-color:#ffffff0d;border-radius:8px;text-align:center;color:var(--secondary-text-color)}.comment-login-prompt a{color:var(--primary-color);text-decoration:none;font-weight:500}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{display:flex;gap:12px;padding:12px 0}.comment-item.comment-reply{margin-left:48px;padding-top:8px;padding-bottom:8px}.comment-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;overflow:hidden}.comment-avatar-placeholder{width:100%;height:100%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-username{font-weight:500;font-size:14px;color:var(--text-color)}.comment-time{font-size:13px;color:var(--secondary-text-color)}.comment-text{font-size:14px;color:var(--text-color);line-height:1.5;margin:0 0 8px;word-wrap:break-word}.comment-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.comment-action-btn{background:none;border:none;color:var(--secondary-text-color);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:18px;display:flex;align-items:center;gap:4px;transition:background .2s}.comment-action-btn:hover{background:#ffffff1a;color:var(--text-color)}.comment-action-btn.active{color:var(--primary-color)}.comment-action-btn.active:hover{background:#3ea6ff1a}.comment-reply-btn{background:none;border:none;color:var(--secondary-text-color);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:18px;font-weight:500;transition:background .2s}.comment-reply-btn:hover{background:#ffffff1a;color:var(--text-color)}.comment-replies{margin-top:12px;padding-left:0;border-left:2px solid rgba(255,255,255,.1);margin-left:12px}.reply-input-container{margin-top:12px;margin-left:52px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.reply-input{width:100%;padding:8px 12px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-color);font-size:14px;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .2s}.reply-input:focus{outline:none;border-color:var(--primary-color);background-color:#ffffff14}.reply-input:disabled{opacity:.6;cursor:not-allowed}.reply-input::placeholder{color:var(--secondary-text-color)}.reply-submit-btn,.reply-cancel-btn{padding:8px 16px;border:none;border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.reply-submit-btn{background-color:var(--primary-color);color:#fff}.reply-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reply-cancel-btn{background-color:transparent;color:var(--secondary-text-color)}.reply-cancel-btn:hover{background-color:#ffffff1a;color:var(--text-color)}.suggestions-header{margin-bottom:12px;padding-top:4px;padding-bottom:8px}.suggested-card{display:flex;gap:10px;margin-bottom:10px;color:inherit;align-items:flex-start}.suggested-thumbnail{position:relative;width:168px;height:94px;border-radius:10px;overflow:hidden;background:#222}.suggested-thumbnail img{width:100%;height:100%;object-fit:cover}.suggested-details{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.suggested-title{font-size:15px;margin:0 0 4px}.suggested-channel,.suggested-stats{font-size:13px;color:var(--secondary-text-color);margin:0}@media(max-width:1024px){.watch-page-layout{grid-template-columns:1fr 300px;gap:16px}.suggested-thumbnail{width:140px;height:78px}}@media(max-width:768px){.chip-scroll-btn{display:none!important}.watch-page-layout{grid-template-columns:1fr;gap:16px}.video-player{border-radius:0;margin:0 -12px;width:calc(100% + 24px)}.video-main-title{font-size:18px}.video-actions-bar{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px;overflow-x:auto}.channel-info{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap}.channel-avatar-lg{width:40px;height:40px;font-size:14px;flex-shrink:0}.channel-meta{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap}.channel-name-lg{font-size:14px}.subscriber-count{font-size:12px}.subscribe-btn{padding:0 14px;height:36px;min-width:100px;font-size:13px;flex-shrink:0}.action-buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;align-items:center;flex-shrink:0;white-space:nowrap}.action-btn{flex:1;min-width:calc(50% - 3px);max-width:calc(50% - 3px);text-align:center;font-size:12px;padding:8px 10px;min-height:36px;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-btn .action-icon{font-size:16px;flex-shrink:0}.suggestions-sidebar{position:static;max-height:none}.suggested-card{margin-bottom:12px}.suggested-thumbnail{width:120px;height:68px}.suggested-title{font-size:14px}}@media(max-width:480px){.video-main-title{font-size:16px}.video-actions-bar{gap:12px}.channel-info{gap:10px}.channel-avatar-lg{width:36px;height:36px;font-size:12px}.channel-name-lg{font-size:13px}.subscriber-count{font-size:11px}.subscribe-btn{padding:0 12px;height:34px;min-width:90px;font-size:12px}.action-buttons{gap:4px}.action-btn{min-width:calc(50% - 2px);max-width:calc(50% - 2px);font-size:11px;padding:6px 8px;min-height:34px;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-btn .action-icon{font-size:14px;flex-shrink:0}.video-info-container{padding-bottom:0;gap:0}}.shorts-page-shell{display:flex;gap:0;height:calc(100vh - 56px);background-color:#0f0f0f;padding:0;justify-content:center;align-items:center}@media(max-width:768px){.shorts-page-shell{height:100vh;margin:0!important;padding:0!important;align-items:flex-start;width:100vw!important;max-width:100vw!important;overflow:hidden;position:relative;left:0;right:0}}.shorts-feed-wrapper{position:relative;flex:1;height:calc(100vh - 56px);overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}@media(max-width:768px){.shorts-feed-wrapper{height:calc(100vh - 56px);margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;position:relative;left:0;right:0}}.shorts-feed-wrapper::-webkit-scrollbar{display:none}.short-centering-container{height:calc(100vh - 56px);min-height:calc(100vh - 56px);width:100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:0;position:relative;overflow:hidden;background-color:#3a3a3a!important;background-image:none!important}@media(max-width:768px){.short-centering-container{height:calc(100vh - 56px);min-height:calc(100vh - 56px);margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;position:relative;left:0;right:0}}.short-centering-container:after{content:"";position:absolute;inset:0;background:#3a3a3a;z-index:0;pointer-events:none}.short-centering-container:before{content:"";position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);background:#3a3a3a;background-image:none!important;z-index:-1;transform:scale(1.5)}.short-video-container{position:relative;width:450px;height:calc(100vh - 56px);max-width:450px;min-width:0;border-radius:12px;overflow:visible;background-color:transparent;transition:transform .3s ease,box-shadow .3s ease;z-index:1;filter:none!important;-webkit-filter:none!important;isolation:isolate}@media(max-width:768px){.short-video-container{width:100vw!important;max-width:100vw!important;border-radius:0;height:calc(100vh - 56px);overflow:visible;margin:0!important;padding:0!important;position:relative;left:0;right:0}.short-centering-container{height:calc(100vh - 56px);min-height:calc(100vh - 56px);overflow:hidden;margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;position:relative;left:0;right:0}}.short-video-container .short-player{overflow:hidden;border-radius:12px}.short-video-container.active{box-shadow:0 0 20px #ffffff1a;transform:scale(1)}.short-player{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:768px){.short-player{width:100%!important;height:100%!important;margin:0!important;padding:0!important}}.short-blur-background{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);background:#3a3a3a!important;background-image:none!important;z-index:-1;transform:scale(1.5)}.short-video{position:relative;width:100%;height:100%;object-fit:contain;display:block;z-index:2;background-color:#000}.short-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;transition:opacity .3s ease;background-color:#000}.short-video-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.short-play-pause-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;cursor:pointer;background:#0000004d;transition:background .2s}.short-play-pause-overlay:hover{background:#00000080}.short-play-pause-icon{width:80px;height:80px;border-radius:50%;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;transition:transform .2s,background .2s}.short-play-pause-overlay:hover .short-play-pause-icon{transform:scale(1.1);background:#000000e6}@media(max-width:768px){.short-play-pause-icon{width:60px;height:60px;font-size:24px}}.short-poster.hidden{opacity:0;pointer-events:none}.short-glass{position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#0006);z-index:3;pointer-events:none}.short-actions-sidebar{position:absolute;right:12px;bottom:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:8px 6px;z-index:100;white-space:nowrap;pointer-events:auto}@media(min-width:769px){.short-actions-sidebar{left:calc(100% + 12px);right:auto;bottom:20px;padding:20px 12px;gap:8px}}.short-action-btn{width:48px;height:48px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0}@media(max-width:768px){.short-action-btn{width:44px;height:44px;font-size:18px;background:#000000b3}}.short-action-btn:hover{background:#fff3;transform:scale(1.1)}.short-action-btn:active{transform:scale(.95)}.short-action-btn.active{background:#3ea6ffe6;color:#fff}.short-action-btn.active:hover{background:#3ea6ff}.short-action-icon{display:inline-block;font-size:20px;transition:transform .2s,filter .2s;line-height:1}.short-action-btn.active.liked .short-action-icon,.short-action-btn.active.disliked .short-action-icon{transform:scale(1.4);filter:drop-shadow(0 0 8px rgba(255,255,255,1)) brightness(1.3);animation:shortIconPulse .3s ease-out}@keyframes shortIconPulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1.4)}}.short-action-btn:disabled{opacity:.6;cursor:not-allowed}.action-count{font-size:12px;color:#fff;font-weight:500;text-align:center;min-width:40px;margin-top:-4px;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1}.action-label{font-size:11px;color:#fff;font-weight:500;text-align:center;min-width:60px;margin-top:-4px;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;white-space:nowrap}@media(max-width:768px){.action-count{font-size:11px;min-width:36px}.action-label{font-size:10px;min-width:50px}}.short-info-overlay{position:absolute;inset:auto 0 0;padding:20px;z-index:5;pointer-events:none}.short-info-overlay *{pointer-events:auto}@media(max-width:768px){.short-info-overlay{padding:16px 80px 16px 16px;bottom:0;margin-bottom:0;z-index:1001}}.video-details-bottom h4{margin:0 0 6px}.video-details-bottom p{margin:0 0 8px;font-size:16px;font-weight:500}.channel-info-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.title-container{display:flex;align-items:center;gap:6px;width:100%;margin-bottom:4px}.short-title{margin:0;font-size:16px;font-weight:500;color:#fff;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.short-title.expanded{white-space:normal;overflow:visible;text-overflow:clip;word-wrap:break-word;word-break:break-word}.title-more-btn{background:transparent;border:none;color:#aaa;font-size:14px;font-weight:500;cursor:pointer;padding:0 4px;flex-shrink:0;transition:color .2s;white-space:nowrap}.title-more-btn:hover{color:#fff}.channel-link-short{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.channel-link-short:hover{opacity:.8}.channel-link-short h4{margin:0;font-size:16px;font-weight:500}.channel-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.3)}.channel-avatar-placeholder{background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,.3)}.music-container{display:flex;align-items:center;gap:6px;width:100%;margin-bottom:4px}.music-credit{display:inline-block;color:var(--secondary-text-color);margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.music-credit.expanded{white-space:normal;overflow:visible;text-overflow:clip;word-wrap:break-word;word-break:break-word}.music-more-btn{background:transparent;border:none;color:#aaa;font-size:12px;font-weight:500;cursor:pointer;padding:0 4px;flex-shrink:0;transition:color .2s;white-space:nowrap}.music-more-btn:hover{color:#fff}.short-actions-sidebar .short-action-btn.subscribed{background-color:#fff3;border:2px solid #fff}.short-actions-sidebar .short-action-btn.subscribed:hover{background-color:#ffffff4d}.short-actions-sidebar .short-action-btn.subscribed .short-action-icon{color:#fff;font-weight:700}.shorts-nav{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:100}.shorts-nav button{width:48px;height:48px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:18px;cursor:pointer}.shorts-nav button:disabled{opacity:.4;cursor:not-allowed}.shorts-rail{width:220px;padding:16px;border-radius:20px;background:#000000a6;display:flex;flex-direction:column;gap:12px;overflow:hidden}.shorts-rail p{margin:0;font-size:13px;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.2em}.shorts-rail-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.shorts-rail-item{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:#fff;cursor:pointer;padding:6px;border-radius:10px;text-align:left}.shorts-rail-item img{width:48px;height:64px;object-fit:cover;border-radius:8px}.shorts-rail-item span{font-size:12px;line-height:1.3}.shorts-rail-item.active{background:#ffffff1f}@media(max-width:1024px){.shorts-page-shell{padding:0;gap:0}.short-video-container{width:min(500px,90vw);height:calc(100vh - 56px);max-width:500px}}@media(max-width:768px){.shorts-page-shell{padding:0;gap:0;flex-direction:row;margin-top:0;height:calc(100vh - 56px)}.shorts-feed-wrapper{width:100vw!important;max-width:100vw!important;height:calc(100vh - 56px);margin:0!important;padding:0!important}.short-video-container{width:100vw!important;height:calc(100vh - 56px);max-width:100vw!important;border-radius:0;margin:0!important;padding:0!important}.short-centering-container{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important}.short-actions-sidebar{right:12px!important;left:auto!important;bottom:80px!important;padding:8px 6px!important;gap:6px!important;z-index:100!important;display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important}.short-action-btn{width:44px!important;height:44px!important;font-size:18px!important;display:flex!important;visibility:visible!important;opacity:1!important;background:#000000bf!important;position:relative!important}.action-count{font-size:11px!important;min-width:36px!important;display:block!important;visibility:visible!important;opacity:1!important;color:#fff!important}.action-label{font-size:10px!important;min-width:50px!important;display:block!important;visibility:visible!important;opacity:1!important;color:#fff!important}.channel-avatar-small{width:32px;height:32px;font-size:12px}.channel-info-row{gap:8px}.title-container{width:100%;margin-top:0;margin-bottom:4px}.short-title{font-size:14px}.title-more-btn{font-size:12px}.music-container{width:100%;margin-bottom:4px}.music-credit{font-size:13px}.music-more-btn{font-size:11px}.short-info-overlay{padding:16px 80px 16px 16px;bottom:0;margin-bottom:0;z-index:1001}.short-player,.short-video-container .short-player{overflow:visible}.short-centering-container{height:calc(100vh - 56px);min-height:calc(100vh - 56px);margin-top:0;margin-bottom:0}.shorts-page-shell{height:calc(100vh - 56px);margin-top:0;padding-top:0;padding-bottom:0;align-items:flex-start}.shorts-feed-wrapper{height:calc(100vh - 56px);margin-top:0;padding-top:0;padding-bottom:0}.video-details-bottom p{font-size:14px}.shorts-rail{display:none}.shorts-nav{display:none!important}}.short-comments-panel{position:absolute;right:-480px;top:0;bottom:0;width:400px;max-width:calc(90vw - 80px);background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;z-index:10;overflow:hidden;transition:right .3s ease-in-out}.short-comments-panel.show{right:0}.short-comments-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f0f0f4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.short-comments-header h3{margin:0;color:#fff;font-size:18px;font-weight:500}.close-comments-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.close-comments-btn:hover{background:#ffffff1a}.short-comments-list{flex:1;overflow-y:auto;padding:16px;background:transparent}.short-comments-list::-webkit-scrollbar{width:8px}.short-comments-list::-webkit-scrollbar-track{background:#ffffff0d}.short-comments-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.short-comments-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.comment-item{display:flex;gap:12px;margin-bottom:16px;padding:12px 12px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#0f0f0f33;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px}.comment-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff1a}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3ea6ff;color:#fff;font-weight:500;font-size:14px}.comment-content{flex:1;min-width:0}.comment-header{display:flex;gap:8px;margin-bottom:4px;align-items:center}.comment-username{font-weight:500;font-size:14px;color:#fff}.comment-time{font-size:13px;color:#aaa}.comment-text{font-size:14px;color:#fff;line-height:1.5;margin:0 0 8px;word-wrap:break-word}.comment-actions{display:flex;align-items:center;gap:16px;margin-top:8px;flex-wrap:wrap}.comment-action-btn{background:none;border:none;color:#aaa;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:18px;display:flex;align-items:center;gap:4px;transition:background .2s}.comment-action-btn:hover{background:#ffffff1a;color:#fff}.comment-action-btn.active{color:#3ea6ff}.comment-input-container{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f0f0f4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.comment-form{display:flex;flex-direction:column;gap:8px;background:transparent}.comment-input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:transparent;color:#fff;font-size:14px;resize:vertical;min-height:60px;font-family:inherit}.comment-input:focus{outline:none;border-color:#3ea6ff;background-color:transparent}.comment-input::placeholder{color:#aaa}.comment-form-actions{display:flex;justify-content:flex-end}.comment-submit-btn{padding:8px 16px;border:none;border-radius:18px;background-color:#3ea6ff;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.comment-submit-btn:hover:not(:disabled){background-color:#2d8cd6}.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.comment-login-prompt{padding:16px;text-align:center;color:#aaa;border-bottom:1px solid rgba(255,255,255,.1);background:#0f0f0f4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.comment-login-prompt a{color:#3ea6ff;text-decoration:none}.comment-login-prompt a:hover{text-decoration:underline}.reply-input-container{margin-top:12px;padding-left:48px}.reply-form{display:flex;flex-direction:column;gap:8px}.reply-input{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:transparent;color:#fff;font-size:14px;resize:vertical;min-height:60px;font-family:inherit}.reply-input:focus{outline:none;border-color:#3ea6ff;background-color:transparent}.reply-form-actions{display:flex;justify-content:flex-end;gap:8px}.reply-cancel-btn,.reply-submit-btn{padding:8px 16px;border:none;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.reply-cancel-btn{background-color:transparent;color:#aaa}.reply-cancel-btn:hover:not(:disabled){background-color:#ffffff1a;color:#fff}.reply-submit-btn{background-color:#3ea6ff;color:#fff}.reply-submit-btn:hover:not(:disabled){background-color:#2d8cd6}.reply-submit-btn:disabled,.reply-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.replies-container{margin-top:12px;padding-left:48px}.reply-item{display:flex;gap:12px;margin-bottom:12px;padding:10px;background:#0f0f0f26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px}.empty-comments{padding:40px 20px;text-align:center;color:#aaa}.short-action-btn.active{background:#3ea6ff33}@media(max-width:768px){.short-comments-panel{right:-100%;width:100%;max-width:100%;border-left:none;z-index:1000;box-shadow:-4px 0 20px #00000080;background-color:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.short-comments-panel.show{right:0}.short-comments-header,.comment-input-container,.comment-login-prompt{background:#0f0f0f4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.short-comments-list{background:transparent}.comment-item{background:#0f0f0f33;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px;padding:12px;margin-bottom:12px}.reply-item{background:#0f0f0f26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px;padding:10px}}.channel-view-container{padding:0;margin:0}.channel-view-container>*{margin-top:0;margin-bottom:0}.channel-banner{margin-bottom:0!important;padding-bottom:0!important;display:block}.channel-header{margin-top:0!important;padding-top:24px!important;display:block}.channel-banner+.channel-header{margin-top:0!important;padding-top:24px!important}.channel-banner{width:100%;height:300px;overflow:visible;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:0!important;padding-bottom:0!important}.channel-banner img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.channel-banner-placeholder{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1;overflow:hidden}.channel-banner-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);z-index:1}.channel-name-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.channel-banner-name{font-size:56px;font-weight:900;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6),0 0 40px rgba(0,0,0,.4),0 0 60px rgba(0,0,0,.2);letter-spacing:4px;margin:0;text-align:center;padding:0 20px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;z-index:5;line-height:1.2;white-space:nowrap}.channel-avatar-overlay{position:absolute;bottom:-64px;left:24px;z-index:10;margin-bottom:0}.channel-avatar-large{width:128px;height:128px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid var(--bg-color);background:var(--card-bg);box-shadow:0 4px 12px #0000004d;position:relative;z-index:10}.channel-avatar-large .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3ea6ff,#667eea);color:#fff;font-size:48px;font-weight:600;border-radius:50%}.channel-header{display:flex;align-items:flex-start;gap:24px;padding:24px;margin-top:0!important;margin-bottom:0!important;border-bottom:1px solid #303030;flex-wrap:wrap}.channel-profile-section{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0}.channel-avatar-in-header{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--bg-color);background:var(--card-bg);box-shadow:0 2px 8px #0003}.channel-avatar-in-header img{width:100%;height:100%;object-fit:cover}.channel-avatar-in-header .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3ea6ff,#667eea);color:#fff;font-size:32px;font-weight:600;border-radius:50%}.channel-info{flex:1;min-width:0;width:100%;display:flex;gap:16px}.channel-name-section{display:flex;gap:4px;margin:0;min-width:0}.channel-name-large{font-size:24px;font-weight:500;margin:0;color:var(--text-color);line-height:1.3}.channel-handle{font-size:14px;font-weight:400;color:var(--secondary-text-color);margin:0}.channel-stats{display:flex;gap:24px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.channel-stat-item{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:center;text-align:center}.channel-stat-value{font-size:16px;font-weight:600;color:var(--text-color);line-height:1.2}.channel-stat-label{font-size:13px;color:var(--secondary-text-color);line-height:1.2}.channel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subscribe-btn{background:var(--text-color);color:var(--bg-color);border:none;padding:6px 14px;border-radius:18px;font-weight:500;font-size:14px;cursor:pointer;transition:opacity .2s}.subscribe-btn:hover{opacity:.9}.subscribe-btn.subscribed{background-color:#272727;color:var(--text-color)}.subscribe-btn.subscribed:hover{background-color:#3f3f3f}.notification-btn{width:40px;height:40px;border-radius:50%;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.block-btn{border-radius:18px;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;padding:6px 14px;min-height:36px;width:auto;height:auto;gap:6px}.block-btn:hover{background:#ffffff1f;border-color:#555}.block-btn.blocked{background:#ff3b3026;border-color:#ff3b304d;color:#ff3b30}.block-btn.blocked:hover{background:#ff3b3033;border-color:#ff3b3066}.report-btn,.channel-report-btn{border-radius:18px;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;padding:6px 14px;min-height:36px;width:auto;height:auto;gap:6px}.report-btn:hover,.channel-report-btn:hover{background:#ffffff1f;border-color:#555}.notification-btn:hover{background:#ffffff1f}.channel-tabs{display:flex;gap:0;border-bottom:1px solid #303030;padding:0 24px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.channel-tabs::-webkit-scrollbar{display:none}.channel-tab{background:none;border:none;color:var(--secondary-text-color);padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:color .2s;white-space:nowrap;flex-shrink:0}.channel-tab:hover{color:var(--text-color)}.channel-tab.active{color:var(--text-color);border-bottom-color:var(--text-color)}.channel-content{padding:24px;width:100%;max-width:100%;box-sizing:border-box}.channel-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.channel-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}.channel-videos-grid .video-card .video-details{width:100%!important;box-sizing:border-box!important}.channel-videos-grid .video-card .text-details{width:100%!important;flex:1 1 auto!important;min-width:0!important}.channel-videos-grid .video-card .video-title,.channel-videos-grid .video-card .channel-name{width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.channel-shorts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%}.channel-shorts-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}.empty-state{text-align:center;padding:60px 20px;color:var(--secondary-text-color)}.channel-about{max-width:800px}.about-section{margin-bottom:32px}.about-section h2{font-size:16px;font-weight:500;margin-bottom:12px}.about-section p{color:var(--secondary-text-color);line-height:1.6;white-space:pre-wrap}.about-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;gap:8px;color:var(--secondary-text-color);font-size:14px}.detail-label{font-weight:500;color:var(--text-color)}.channel-links{display:flex;flex-direction:column;gap:8px}.channel-link{color:#3ea6ff;text-decoration:none;font-size:14px}.channel-link:hover{text-decoration:underline}@media(max-width:1024px){.channel-banner{height:200px}.channel-banner-name{font-size:40px;letter-spacing:3px}.channel-avatar-overlay{bottom:-50px;left:20px}.channel-avatar-large{width:100px;height:100px}.channel-avatar-large .avatar-fallback{font-size:36px}.channel-header{padding:20px;gap:16px}.channel-profile-section{gap:12px}.channel-avatar-in-header{width:70px;height:70px}.channel-avatar-in-header .avatar-fallback{font-size:28px}.channel-name-large{font-size:20px}.channel-videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.channel-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}.channel-content{padding:20px}}@media(max-width:768px){.channel-banner{height:150px;margin:0 -12px;width:calc(100% + 24px)}.channel-banner-name{font-size:32px;letter-spacing:2px;padding:0 16px}.channel-avatar-overlay{bottom:-40px;left:50%;transform:translate(-50%)}.channel-header{flex-direction:column;align-items:center;padding:16px 12px;gap:12px}.channel-avatar-large{width:80px;height:80px}.channel-avatar-large .avatar-fallback{font-size:28px}.channel-profile-section{width:100%;justify-content:center;gap:12px}.channel-avatar-in-header{width:60px;height:60px}.channel-avatar-in-header .avatar-fallback{font-size:24px}.channel-info{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.channel-name-section{align-items:center;text-align:center;min-width:0}.channel-name-large{font-size:18px;text-align:center}.channel-handle{text-align:center}.channel-stats{justify-content:center;gap:20px;width:100%}.channel-stat-item{align-items:center;text-align:center;flex:1;min-width:80px;max-width:120px}.channel-stat-value{font-size:15px}.channel-stat-label{font-size:12px}.channel-actions{width:100%;justify-content:center;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.subscribe-btn{flex:1;min-width:120px;max-width:200px;padding:8px 16px;font-size:14px}.notification-btn{width:44px;height:44px;min-width:44px;flex-shrink:0;font-size:18px}.block-btn,.report-btn,.channel-report-btn{padding:8px 12px;min-height:40px;font-size:13px;width:auto;min-width:auto;flex-shrink:0}.channel-tabs{padding:0 12px;overflow-x:auto}.channel-tab{padding:12px 16px;font-size:13px}.channel-content{padding:12px}.channel-videos-grid{grid-template-columns:1fr;gap:16px}.channel-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}.channel-shorts-grid{grid-template-columns:repeat(2,1fr);gap:5px!important}.channel-shorts-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}}@media(max-width:480px){.channel-header{padding:50px 8px 12px}.channel-actions{gap:6px}.subscribe-btn{min-width:100px;padding:8px 12px;font-size:13px}.notification-btn{width:40px;height:40px;min-width:40px;font-size:16px}.block-btn,.report-btn,.channel-report-btn{padding:6px 10px;min-height:38px;font-size:12px;width:auto;min-width:auto}.channel-profile-section{gap:10px}.channel-avatar-in-header{width:50px;height:50px}.channel-avatar-in-header .avatar-fallback{font-size:20px}.channel-name-large{font-size:16px}.channel-handle{font-size:13px}.channel-stats{gap:16px}.channel-stat-value{font-size:14px}.channel-stat-label{font-size:11px}.channel-tabs{padding:0 8px}.channel-tab{padding:10px 12px;font-size:12px}.channel-content{padding:8px}}.search-page-container{width:100%;max-width:1400px;margin:0 auto;padding:24px;min-height:calc(100vh - 56px)}.search-page-header{margin-bottom:24px}.search-form{display:flex;gap:8px;max-width:600px}.search-page-input{flex:1;padding:12px 16px;border:1px solid #3b3b3b;background-color:#121212;color:var(--text-color);border-radius:40px 0 0 40px;outline:none;font-size:16px}.search-page-input:focus{border-color:var(--primary-color)}.search-page-btn{padding:12px 24px;border:1px solid #3b3b3b;background-color:#303030;color:var(--text-color);cursor:pointer;border-radius:0 40px 40px 0;font-size:18px;transition:background .2s ease}.search-page-btn:hover{background-color:#3f3f3f}.search-filters{display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #303030}.filter-btn{background:#272727;border:1px solid #3b3b3b;color:var(--text-color);padding:8px 16px;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.filter-btn:hover{background:#3f3f3f;border-color:#555}.filter-btn.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.search-section{margin-bottom:40px}.search-section:last-child{margin-bottom:0}.search-section-header{display:flex;align-items:center;margin-bottom:16px}.search-section-title{font-size:20px;font-weight:500;margin:0 0 16px;color:var(--text-color)}.search-section-header .search-section-title{margin:0}.mood-section-logo{display:flex;align-items:center;gap:10px}.mood-icon{width:24px;height:24px;object-fit:contain}.mood-section{margin-bottom:40px}.mood-shelf-wrapper{display:flex;align-items:center;gap:8px;position:relative}.mood-shelf-scroller{display:flex;overflow-x:auto;gap:12px;flex:1;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:4px;scroll-behavior:smooth}.mood-shelf-scroller::-webkit-scrollbar{display:none}.mood-shelf-card{display:flex;flex-direction:column;gap:0;background:transparent;border-radius:16px;padding:0;color:inherit;text-decoration:none;transition:transform .2s;flex-shrink:0;width:160px;min-width:160px;position:relative;overflow:hidden;aspect-ratio:9/16}.mood-shelf-card:hover{transform:translateY(-2px) scale(1.02)}.mood-shelf-card .shorts-thumbnail-container{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;overflow:hidden;z-index:1}.mood-shelf-card .shorts-thumbnail-container img{width:100%;height:100%;object-fit:cover}.mood-shelf-card .shorts-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:3}.mood-shelf-card .shorts-card-info{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);border-radius:0 0 16px 16px;z-index:2;display:flex;flex-direction:column;gap:4px}.mood-shelf-card .shorts-card-title{margin:0;font-size:14px;font-weight:500;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.8)}.mood-shelf-card .shorts-card-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#ffffffe6}.mood-shelf-card .shorts-card-views,.mood-shelf-card .shorts-card-time{font-size:12px;color:#ffffffe6}.mood-shelf-wrapper .shorts-scroll-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.mood-shelf-wrapper .shorts-scroll-btn:hover{background:#ffffff26}.channels-section{margin-bottom:40px}.channels-shelf-wrapper{display:flex;align-items:center;gap:8px;position:relative}.channels-shelf-scroller{display:flex;overflow-x:auto;gap:20px;flex:1;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:4px;scroll-behavior:smooth}.channels-shelf-scroller::-webkit-scrollbar{display:none}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.channels-shelf-scroller .channel-card{flex-shrink:0;width:280px;min-width:280px}.channels-shelf-wrapper .shorts-scroll-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease}.channels-shelf-wrapper .shorts-scroll-btn:hover{background:#ffffff26}.channel-card{background:#181818;border-radius:16px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.channel-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.channel-cover{width:100%;height:120px;overflow:hidden;background:#272727}.channel-cover img{width:100%;height:100%;object-fit:cover}.channel-info{padding:16px;position:relative}.channel-avatar-large{width:80px;height:80px;border-radius:50%;margin:-50px auto 12px;border:4px solid var(--bg-color);overflow:hidden;background:#272727;position:relative;z-index:1}.channel-avatar-large img{width:100%;height:100%;object-fit:cover}.channel-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-weight:700;font-size:24px}.channel-name{font-size:18px;font-weight:500;margin:0 0 4px;text-align:center;color:var(--text-color)}.channel-username{font-size:14px;color:var(--secondary-text-color);margin:0 0 12px;text-align:center}.channel-stats{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--secondary-text-color)}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:0}.search-loading,.search-error,.search-empty{padding:60px 20px;text-align:center;color:var(--secondary-text-color)}.search-empty-hint{margin-top:8px;font-size:14px;opacity:.8}.search-load-more-trigger{height:100px;display:flex;align-items:center;justify-content:center;margin-top:32px}.search-loading-more{padding:20px;text-align:center;color:var(--secondary-text-color)}@media(max-width:768px){.search-page-container{padding:16px}.channels-grid{grid-template-columns:1fr}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.search-filters{flex-wrap:wrap;gap:8px}.filter-btn{font-size:13px;padding:6px 12px}.mood-shelf-wrapper .shorts-scroll-btn,.channels-shelf-wrapper .shorts-scroll-btn{display:none!important}.mood-shelf-wrapper,.channels-shelf-wrapper{gap:0}.mood-shelf-card{width:150px;min-width:150px;padding:0;background:transparent;gap:0;aspect-ratio:9/16;height:auto}.mood-shelf-card .shorts-thumbnail-container{position:absolute;inset:0;width:100%;height:100%;border-radius:16px;z-index:1}.mood-shelf-card .shorts-thumbnail-container img{width:100%;height:100%;object-fit:cover}.mood-shelf-card .shorts-card-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);border-radius:0 0 16px 16px;z-index:2}.mood-shelf-card .shorts-card-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-bottom:6px;font-size:14px}.mood-shelf-card .shorts-card-meta,.mood-shelf-card .shorts-card-views,.mood-shelf-card .shorts-card-time{color:#ffffffe6;font-size:11px}.mood-shelf-card .shorts-duration{z-index:3}}.profile-view-container{padding:0;margin-top:0;position:relative}.profile-banner{width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,#f093fb,#f5576c);position:relative;z-index:1}.banner-info-cards{position:absolute;top:16px;right:200px;display:flex;flex-direction:row;gap:12px;z-index:10;max-width:600px}.banner-card{background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;min-width:200px;max-width:280px;flex:1}.banner-card h3{font-size:16px;font-weight:500;margin:0 0 12px;color:#fffffff2}.banner-card .sidebar-details{display:flex;flex-direction:column;gap:8px}.banner-card .sidebar-item{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#ffffffd9}.banner-card .sidebar-label{font-weight:500;color:#fffffff2}.profile-banner img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.edit-banner-btn{position:absolute;top:16px;right:16px;background:#0009;color:var(--text-color);border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:18px;font-size:14px;cursor:pointer;transition:background .2s;display:inline-block;z-index:20}.edit-banner-btn:hover:not(:has(input:disabled)){background:#000c}.edit-banner-btn:has(input:disabled){opacity:.6;cursor:not-allowed}.profile-header{display:flex;align-items:flex-start;gap:24px;padding:16px 24px 24px;border-bottom:1px solid #303030;position:relative;z-index:2}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.profile-avatar-large{width:128px;height:128px;border-radius:50%;overflow:hidden;border:4px solid var(--bg-color);margin-top:-64px;background:var(--card-bg);position:relative;z-index:3}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.edit-avatar-btn{background:#ffffff1a;color:var(--text-color);border:1px solid #3b3b3b;padding:6px 16px;border-radius:18px;font-size:13px;cursor:pointer;transition:background .2s;display:inline-block;text-align:center}.edit-avatar-btn:hover:not(:has(input:disabled)){background:#fff3}.edit-avatar-btn:has(input:disabled){opacity:.6;cursor:not-allowed}.profile-info{flex:1;min-width:0}.profile-name{font-size:24px;font-weight:400;margin:0 0 8px}.profile-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--secondary-text-color);font-size:14px;margin-bottom:12px}.profile-email-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.email-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#4caf5033;color:#4caf50;border-radius:12px;font-size:12px;font-weight:500}.verify-email-btn{padding:4px 12px;background:#3ea6ff33;color:#3ea6ff;border:1px solid rgba(62,166,255,.3);border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.verify-email-btn:hover:not(:disabled){background:#3ea6ff4d;border-color:#3ea6ff80}.verify-email-btn:disabled{opacity:.6;cursor:not-allowed}.profile-username{font-weight:500}.profile-stats{display:flex;gap:8px;align-items:center;color:var(--secondary-text-color);font-size:14px;margin-bottom:12px}.profile-stat-link{color:var(--text-color);text-decoration:none;transition:all .2s;cursor:pointer;padding:4px 8px;border-radius:4px;background:transparent;border:1px solid transparent;display:inline-block}.profile-stat-link:hover{color:var(--primary-color);background:#3ea6ff1a;border-color:#3ea6ff4d}.profile-stat-link span{font-weight:500}.profile-description{color:var(--secondary-text-color);line-height:1.6;margin-bottom:16px;max-width:600px}.profile-actions{display:flex;gap:12px;flex-wrap:wrap}.edit-profile-btn,.customize-channel-btn{background:#ffffff1a;color:var(--text-color);border:1px solid #3b3b3b;padding:6px 14px;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.edit-profile-btn:hover,.customize-channel-btn:hover{background:#fff3}.profile-tabs{display:flex;gap:0;border-bottom:1px solid #303030;padding:0 24px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{background:none;border:none;color:var(--secondary-text-color);padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:color .2s;white-space:nowrap;flex-shrink:0}.profile-tab:hover{color:var(--text-color)}.profile-tab.active{color:var(--text-color);border-bottom-color:var(--text-color)}.profile-content{padding:24px;display:flex;gap:24px}.profile-videos-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px!important;row-gap:16px!important;column-gap:16px!important;width:100%;box-sizing:border-box}.profile-videos-grid .profile-video-item{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.profile-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.profile-video-item{position:relative;width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column}.video-action-buttons{position:absolute;top:8px;right:8px;display:flex;gap:8px;z-index:10}.edit-video-btn,.delete-video-btn{background:#000000b3;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background .2s,transform .2s}.edit-video-btn:hover:not(:disabled){background:#3ea6ffcc;transform:scale(1.1)}.delete-video-btn:hover:not(:disabled){background:#f00c;transform:scale(1.1)}.edit-video-btn:disabled,.delete-video-btn:disabled{opacity:.6;cursor:not-allowed}.edit-video-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-video-modal{background:var(--bg-color);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000080}.edit-video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #303030}.edit-video-modal-header h2{margin:0;font-size:20px;font-weight:500}.close-modal-btn{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.close-modal-btn:hover{background:#ffffff1a}.edit-video-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-color)}.form-group label[for^=edit-allow-comments]{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-color);font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #303030}.cancel-btn,.submit-btn{padding:10px 24px;border:none;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.cancel-btn{background:#ffffff1a;color:var(--text-color)}.cancel-btn:hover:not(:disabled){background:#fff3}.submit-btn{background:var(--primary-color);color:#fff}.submit-btn:hover:not(:disabled){background:#2d8cd6}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{flex:1;text-align:center;padding:60px 20px;color:var(--secondary-text-color)}.browse-btn,.create-playlist-btn{margin-top:16px;background:var(--text-color);color:var(--bg-color);border:none;padding:6px 14px;border-radius:18px;font-weight:500;font-size:14px;cursor:pointer;transition:opacity .2s;display:inline-block;text-decoration:none}.browse-btn:hover,.create-playlist-btn:hover{opacity:.9}.profile-sidebar{width:300px;flex-shrink:0}.sidebar-section{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:16px}.sidebar-section h3{font-size:16px;font-weight:500;margin-bottom:12px}.sidebar-details{display:flex;flex-direction:column;gap:12px}.sidebar-item{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--secondary-text-color)}.sidebar-label{font-weight:500;color:var(--text-color)}.sidebar-link{color:#3ea6ff;text-decoration:none}.sidebar-link:hover{text-decoration:underline}@media(max-width:1024px){.profile-banner{height:200px}.banner-info-cards{max-width:500px}.banner-card{padding:14px}.profile-avatar-large{width:100px;height:100px;margin-top:-50px}.profile-header{padding:20px;gap:16px}.profile-name{font-size:20px}.profile-content{flex-direction:column}.profile-sidebar{width:100%}.profile-videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px!important;row-gap:16px!important;column-gap:16px!important;width:100%;box-sizing:border-box}.profile-videos-grid .profile-video-item{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.profile-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}}@media(max-width:768px){.profile-view-container{padding:0;margin-top:0}.profile-banner{height:150px;margin:0;width:100%;position:relative}.edit-banner-btn{top:8px;right:8px;padding:6px 12px;font-size:12px;z-index:20}.banner-info-cards{top:8px;right:8px;left:8px;max-width:calc(100% - 16px);gap:8px;flex-direction:column;align-items:stretch}.banner-card{padding:10px;min-width:auto;max-width:100%;flex:1}.banner-card h3{font-size:13px;margin-bottom:8px}.banner-card .sidebar-item{font-size:11px;gap:2px}.banner-card .sidebar-label{font-size:11px}.profile-header{flex-direction:column;align-items:center;padding:16px 12px;gap:12px;text-align:center}.profile-avatar-section{width:100%;align-items:center}.profile-avatar-large{width:80px;height:80px;margin-top:-40px;border-width:3px}.edit-avatar-btn{font-size:12px;padding:5px 12px}.profile-info{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.profile-name{font-size:18px;margin-bottom:6px}.profile-meta{justify-content:center;font-size:13px;margin-bottom:10px;flex-wrap:wrap;display:flex;align-items:center;gap:8px}.profile-username,.profile-email{font-size:13px}.profile-stats{justify-content:center;flex-wrap:wrap;font-size:13px;gap:6px;margin-bottom:10px}.profile-stat-link{font-size:13px;padding:3px 6px}.profile-description{text-align:center;font-size:13px;margin-bottom:12px;max-width:100%}.profile-actions{width:100%;flex-direction:column;gap:8px;display:flex;align-items:stretch}.edit-profile-btn,.customize-channel-btn{width:100%;padding:10px 16px;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:40px}.profile-tabs{padding:0 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{padding:10px 12px;font-size:13px;flex-shrink:0}.profile-content{padding:12px 8px;gap:16px}.profile-videos-grid{grid-template-columns:1fr;gap:16px!important;row-gap:16px!important;column-gap:16px!important;width:100%;box-sizing:border-box}.profile-videos-grid .profile-video-item{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.profile-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.video-action-buttons{top:6px;right:6px;gap:6px}.edit-video-btn,.delete-video-btn{width:32px;height:32px;font-size:16px}.empty-state{padding:40px 20px;font-size:14px}.empty-state-subtitle{font-size:13px;margin-top:8px}.browse-btn,.create-playlist-btn{padding:8px 16px;font-size:13px;margin-top:12px}.edit-video-modal-overlay{padding:10px}.edit-video-modal{max-width:100%;max-height:95vh}.edit-video-modal-header{padding:16px}.edit-video-modal-header h2{font-size:18px}.edit-video-form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input[type=text],.form-group textarea,.form-group select{padding:8px 10px;font-size:14px}.form-actions{flex-direction:column-reverse;gap:8px;margin-top:20px;padding-top:16px}.cancel-btn,.submit-btn{width:100%;padding:12px;font-size:14px}}.verification-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.verification-modal{background:var(--card-bg);border-radius:12px;width:100%;max-width:450px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.verification-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #303030}.verification-modal-header h2{margin:0;font-size:20px;font-weight:500}.verification-modal-close{background:none;border:none;color:var(--text-color);font-size:28px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.verification-modal-close:hover:not(:disabled){background:#ffffff1a}.verification-modal-close:disabled{opacity:.5;cursor:not-allowed}.verification-modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.verification-modal-body{padding:24px;flex:1;overflow-y:auto}.verification-description{margin:0 0 20px;color:var(--secondary-text-color);font-size:14px;line-height:1.5}.verification-description strong{color:var(--text-color)}.verification-input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.verification-input-group label{font-size:14px;font-weight:500;color:var(--text-color)}.verification-code-input{width:100%;padding:12px;background:#ffffff0d;border:1px solid #3b3b3b;border-radius:8px;color:var(--text-color);font-size:18px;font-family:inherit;text-align:center;letter-spacing:4px;transition:border-color .2s ease}.verification-code-input:focus{outline:none;border-color:var(--primary-color)}.verification-code-input:disabled{opacity:.6;cursor:not-allowed}.resend-code-btn{background:transparent;border:1px solid #3b3b3b;color:var(--text-color);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;width:100%}.resend-code-btn:hover:not(:disabled){background:#ffffff1a}.resend-code-btn:disabled{opacity:.4;cursor:not-allowed}.verification-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #303030;justify-content:flex-end}.verification-cancel-btn,.verification-submit-btn{padding:10px 24px;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.verification-cancel-btn{background:#ffffff1a;color:var(--text-color)}.verification-cancel-btn:hover:not(:disabled){background:#ffffff26}.verification-submit-btn{background:var(--primary-color);color:#fff}.verification-submit-btn:hover:not(:disabled){background:#c00}.verification-submit-btn:disabled,.verification-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.verification-modal{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0;margin-top:auto}.verification-modal-header{padding:16px 20px}.verification-modal-header h2{font-size:18px}.verification-modal-body{padding:20px}.verification-modal-footer{padding:16px 20px;flex-direction:column-reverse}.verification-cancel-btn,.verification-submit-btn{width:100%}}@media(max-width:480px){.profile-banner{height:120px}.banner-info-cards{top:4px;right:4px;left:4px;gap:6px}.banner-card{padding:8px}.banner-card h3{font-size:12px;margin-bottom:6px}.banner-card .sidebar-item{font-size:10px}.edit-banner-btn{top:4px;right:4px;padding:4px 10px;font-size:11px}.profile-header{padding:12px 8px}.profile-avatar-large{width:70px;height:70px;margin-top:-35px}.profile-name{font-size:16px}.profile-meta,.profile-stats{font-size:12px}.profile-tabs{padding:0 4px}.profile-tab{padding:8px 10px;font-size:12px}.profile-content{padding:8px 4px}.profile-videos-grid{gap:16px!important;row-gap:16px!important;column-gap:16px!important;width:100%;box-sizing:border-box}.profile-videos-grid .profile-video-item{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.profile-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.profile-actions{gap:6px}.edit-profile-btn,.customize-channel-btn{padding:8px 12px;font-size:12px;min-height:38px}}.blocked-users-list{width:100%;padding:24px 0}.blocked-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.blocked-user-card{background:var(--card-bg);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #303030}.blocked-user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.blocked-user-link{display:flex;align-items:center;gap:12px;flex:1;text-decoration:none;color:inherit;min-width:0}.blocked-user-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--card-bg);border:2px solid #303030}.blocked-user-avatar img{width:100%;height:100%;object-fit:cover}.blocked-user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3ea6ff,#667eea);color:#fff;font-weight:700;font-size:20px;border-radius:50%}.blocked-user-info{flex:1;min-width:0}.blocked-user-name{font-size:16px;font-weight:500;margin:0 0 4px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocked-user-username{font-size:14px;color:var(--secondary-text-color);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unblock-btn{background:#ff3b3026;border:1px solid rgba(255,59,48,.3);color:#ff3b30;padding:8px 16px;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0;white-space:nowrap}.unblock-btn:hover:not(:disabled){background:#ff3b3033;border-color:#ff3b3066}.unblock-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.blocked-users-grid{grid-template-columns:1fr;gap:12px}.blocked-user-card{padding:12px}.blocked-user-avatar{width:48px;height:48px}.blocked-user-avatar-placeholder{font-size:18px}.blocked-user-name{font-size:14px}.blocked-user-username{font-size:12px}.unblock-btn{padding:6px 12px;font-size:13px}}.upload-page-container{max-width:1200px;margin:0 auto;padding:24px}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #303030}.upload-header h1{font-size:24px;font-weight:400;margin:0}.upload-type-toggle{display:flex;gap:8px;background:#ffffff1a;border-radius:8px;padding:4px}.mood-icon-small{width:18px;height:18px;object-fit:contain;margin-right:6px;vertical-align:middle;display:inline-block}.toggle-btn{background:transparent;border:none;color:var(--secondary-text-color);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.toggle-btn:hover{background:#ffffff1a;color:var(--text-color)}.toggle-btn.active{background:var(--text-color);color:var(--bg-color)}.upload-form{display:flex;flex-direction:column;gap:24px}.upload-form-grid{display:grid;grid-template-columns:1fr 320px;gap:32px}.upload-form-main{display:flex;flex-direction:column;gap:32px}.upload-section{background:var(--card-bg);border-radius:12px;padding:24px}.upload-section h2{font-size:18px;font-weight:500;margin:0 0 20px}.file-upload-area{margin-bottom:24px}.upload-dropzone{border:2px dashed #3b3b3b;border-radius:12px;padding:48px;text-align:center;transition:all .3s;cursor:pointer}.upload-dropzone:hover{border-color:var(--primary-color);background:#ff00000d}.file-input{display:none}.upload-label{display:block;cursor:pointer}.upload-icon{font-size:48px;margin-bottom:16px}.upload-text{font-size:16px;font-weight:500;margin:0 0 8px;color:var(--text-color)}.upload-hint{font-size:13px;color:var(--secondary-text-color)}.video-info-display{margin-top:16px;padding:12px 16px;background:#ffffff0d;border-radius:8px;display:flex;gap:24px;flex-wrap:wrap}.video-info-item{display:flex;align-items:center;gap:8px}.video-info-label{font-size:14px;color:var(--secondary-text-color);font-weight:500}.video-info-value{font-size:14px;color:var(--text-color);font-weight:600}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-color)}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:12px;background:#ffffff1a;border:1px solid #3b3b3b;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-group select option{background:#1a1a1a;color:#fff;padding:8px}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.char-count{display:block;text-align:right;font-size:12px;color:var(--secondary-text-color);margin-top:4px}.form-hint{display:block;font-size:12px;color:var(--secondary-text-color);margin-top:4px}.thumbnail-upload{margin-top:8px}.thumbnail-label{display:block;cursor:pointer;width:100%;max-width:400px;aspect-ratio:16/9;border:2px dashed #3b3b3b;border-radius:8px;overflow:hidden;transition:border-color .2s}.thumbnail-label:hover{border-color:var(--primary-color)}.thumbnail-preview{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;color:var(--secondary-text-color)}.thumbnail-placeholder span:first-child{font-size:32px}.thumbnail-extract-options{margin-top:12px;padding:16px;background:#ffffff0d;border-radius:8px}.extract-thumbnail-btn{padding:10px 20px;background:var(--primary-color);border:none;border-radius:8px;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s;width:100%;margin-bottom:12px}.extract-thumbnail-btn:hover:not(:disabled){opacity:.9}.extract-thumbnail-btn:disabled{opacity:.5;cursor:not-allowed}.thumbnail-time-selector{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.thumbnail-time-selector label{display:block;font-size:13px;color:var(--secondary-text-color);margin-bottom:12px}.time-selector-controls{display:flex;flex-direction:column;gap:12px}.time-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer}.time-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none}.extract-at-time-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-color);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.extract-at-time-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--primary-color)}.extract-at-time-btn:disabled{opacity:.5;cursor:not-allowed}.visibility-options{display:flex;flex-direction:column;gap:12px}.visibility-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #3b3b3b;border-radius:8px;cursor:pointer;transition:all .2s}.visibility-option:hover{background:#ffffff0d;border-color:var(--primary-color)}.visibility-option input[type=radio]{margin-top:2px;cursor:pointer}.visibility-content{flex:1}.visibility-label{font-weight:500;margin-bottom:4px}.visibility-desc{font-size:13px;color:var(--secondary-text-color)}.checkbox-group{margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.upload-form-sidebar{display:flex;flex-direction:column;gap:16px}.upload-info-card{background:var(--card-bg);border-radius:12px;padding:20px}.upload-info-card h3{font-size:16px;font-weight:500;margin:0 0 16px}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.tips-list li{font-size:14px;color:var(--secondary-text-color);padding-left:20px;position:relative}.tips-list li:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.upload-progress{margin-top:12px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary-color);transition:width .3s}.no-file{font-size:14px;color:var(--secondary-text-color);margin:0}.progress-text{font-size:12px;color:var(--secondary-text-color);margin-top:8px;text-align:center}.upload-error{margin-top:12px;padding:12px;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px}.upload-error p{font-size:14px;color:#f44;margin:0}.upload-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #303030}.cancel-btn{padding:6px 14px;background:transparent;border:1px solid #3b3b3b;border-radius:18px;color:var(--text-color);text-decoration:none;font-weight:500;transition:all .2s}.cancel-btn:hover{background:#ffffff1a;border-color:var(--text-color)}.upload-submit-btn{padding:6px 14px;background:var(--primary-color);border:none;border-radius:18px;color:var(--text-color);font-weight:500;cursor:pointer;transition:opacity .2s}.upload-submit-btn:hover:not(:disabled){opacity:.9}.upload-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.upload-form-grid{grid-template-columns:1fr}.upload-form-sidebar{order:-1}}@media(max-width:768px){.upload-page-container{padding:16px}.upload-header{flex-direction:column;align-items:flex-start;gap:16px}.upload-type-toggle{width:100%}.toggle-btn{flex:1}.upload-section{padding:16px}.upload-dropzone{padding:32px 24px}.upload-actions{flex-direction:column-reverse}.cancel-btn,.upload-submit-btn{width:100%;text-align:center}}.login-page-container{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:24px;background-color:var(--bg-color)}.login-card{width:100%;max-width:450px;background:var(--card-bg);border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:inline-block;margin-bottom:16px;text-decoration:none}.login-logo .logo-image{height:40px;width:auto;object-fit:contain}.logo-text{font-size:24px;font-weight:600;color:var(--primary-color)}.login-header h1{font-size:24px;font-weight:400;color:var(--text-color);margin:0 0 8px}.login-header p{font-size:14px;color:var(--secondary-text-color);margin:0}.login-mode-toggle{display:flex;gap:8px;margin-bottom:24px;background:#ffffff0d;padding:4px;border-radius:8px}.mode-btn{flex:1;background:transparent;border:none;color:var(--secondary-text-color);padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{color:var(--text-color);background:#ffffff1a}.mode-btn.active{background:#ffffff26;color:var(--text-color)}.otp-method-toggle{display:flex;gap:8px;margin-bottom:24px;background:#ffffff0d;padding:4px;border-radius:8px}.method-btn{flex:1;background:transparent;border:none;color:var(--secondary-text-color);padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.method-btn:hover{color:var(--text-color);background:#ffffff1a}.method-btn.active{background:#ffffff26;color:var(--text-color)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:500;color:var(--text-color)}.form-group input{background:#ffffff0d;border:1px solid #3b3b3b;border-radius:8px;padding:12px 16px;font-size:14px;color:var(--text-color);transition:border-color .2s;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.form-group input::placeholder{color:var(--secondary-text-color)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px}.remember-me{display:flex;align-items:center;gap:8px;color:var(--text-color);cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.forgot-password-link{color:#3ea6ff;text-decoration:none;font-size:14px;transition:text-decoration .2s}.forgot-password-link:hover{text-decoration:underline}.login-btn{background:var(--primary-color);color:var(--text-color);border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s;margin-top:8px}.login-btn:hover:not(:disabled){opacity:.9}.login-btn:disabled{opacity:.6;cursor:not-allowed}.otp-sent-message{background:#3aa6ff1a;border:1px solid rgba(58,166,255,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;text-align:center}.otp-sent-message p{font-size:14px;color:var(--text-color);margin:0 0 8px}.change-contact-link{background:none;border:none;color:#3ea6ff;font-size:13px;cursor:pointer;text-decoration:underline;padding:0}.change-contact-link:hover{opacity:.8}.otp-input-container{display:flex;gap:12px;justify-content:center;align-items:center}.otp-input{width:56px;height:56px;text-align:center;font-size:24px;font-weight:600;background:#ffffff0d;border:1px solid #3b3b3b;border-radius:8px;color:var(--text-color);transition:all .2s}.otp-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14;box-shadow:0 0 0 2px #3aa6ff33}.otp-input::placeholder{color:var(--secondary-text-color);font-size:20px}.resend-otp-btn{background:transparent;border:1px solid #3b3b3b;color:var(--text-color);border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:-8px}.resend-otp-btn:hover:not(:disabled){background:#ffffff1a}.resend-otp-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#ff6b6b;font-size:14px;text-align:center}.login-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid #3b3b3b}.login-footer p{font-size:14px;color:var(--secondary-text-color);margin:0}.signup-link{color:#3ea6ff;text-decoration:none;font-weight:500;transition:text-decoration .2s}.signup-link:hover{text-decoration:underline}@media(max-width:768px){.login-page-container{padding:40px 16px 16px;align-items:flex-start}.login-card{padding:32px 24px;max-width:100%}.login-header h1{font-size:20px}.login-header p{font-size:13px}.mode-btn,.method-btn{font-size:13px;padding:8px 12px}.form-group input{padding:10px 14px;font-size:16px}.login-btn{padding:14px 24px;font-size:15px}.otp-input-container{gap:8px}.otp-input{width:48px;height:48px;font-size:20px}.otp-input::placeholder{font-size:18px}}.subscriptions-page{padding:20px;min-height:100vh;background-color:#0f0f0f;color:#fff}.subscriptions-container{max-width:1200px;margin:0 auto}.subscriptions-container h1{font-size:24px;font-weight:500;margin-bottom:24px;color:#fff}.following-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.following-card{display:flex;flex-direction:column;align-items:center;padding:24px;background-color:#181818;border-radius:12px;text-decoration:none;color:#fff;transition:background-color .2s,transform .2s;cursor:pointer}.following-card:hover{background-color:#272727;transform:translateY(-2px)}.following-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:16px;position:relative;overflow:hidden;background-color:#3ea6ff;display:flex;align-items:center;justify-content:center}.following-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.following-info{text-align:center;width:100%}.following-username{font-size:16px;font-weight:500;margin:0 0 4px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.following-email{font-size:14px;color:#aaa;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.subscriptions-page{padding:16px}.subscriptions-container h1{font-size:20px;margin-bottom:20px}.following-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.following-card{padding:20px}.following-avatar{width:64px;height:64px;margin-bottom:12px}.avatar-fallback{font-size:24px}.following-username{font-size:14px}.following-email{font-size:12px}}@media(max-width:480px){.following-grid{grid-template-columns:repeat(2,1fr);gap:12px}.following-card{padding:16px}.following-avatar{width:56px;height:56px}.avatar-fallback{font-size:20px}}.liked-page{padding:20px;min-height:100vh;background-color:#0f0f0f;color:#fff}.liked-container{max-width:1400px;margin:0 auto}.liked-container h1{font-size:24px;font-weight:500;margin-bottom:24px;color:#fff}.liked-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.liked-videos-grid .video-card{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}@media(max-width:1024px){.liked-videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media(max-width:768px){.liked-page{padding:16px}.liked-container h1{font-size:20px;margin-bottom:20px}.liked-videos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media(max-width:480px){.liked-videos-grid{grid-template-columns:1fr;gap:16px}}.notifications-page{padding:20px;min-height:100vh;background-color:#0f0f0f;color:#fff}.notifications-container{max-width:900px;margin:0 auto}.notifications-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #303030;flex-wrap:wrap;gap:12px}.notifications-header h1{font-size:24px;font-weight:500;margin:0;color:#fff}.notifications-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.unread-badge{background-color:#3ea6ff;color:#fff;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.mark-all-read-btn{background:none;border:1px solid #3ea6ff;color:#3ea6ff;padding:6px 16px;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.mark-all-read-btn:hover{background-color:#3ea6ff1a;border-color:#3ea6ff}.notifications-list{display:flex;flex-direction:column;gap:0}.notification-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-bottom:1px solid #303030;text-decoration:none;color:inherit;transition:background-color .2s;position:relative}.notification-item:hover{background-color:#1a1a1a}.notification-item.unread{background-color:#3ea6ff0d}.notification-item.unread:hover{background-color:#3ea6ff1a}.notification-avatar-container{flex-shrink:0}.notification-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.notification-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.notification-content{flex:1;min-width:0}.notification-main{display:flex;flex-direction:column;gap:4px}.notification-text{margin:0;font-size:15px;line-height:1.4;color:#fff}.notification-video-title{margin:0;font-size:14px;color:#aaa;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:13px;color:#888;margin-top:4px}.notification-thumbnail-container{flex-shrink:0}.notification-thumbnail{width:120px;height:68px;border-radius:8px;object-fit:cover;background-color:#1a1a1a}.unread-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:40px;background-color:#3ea6ff;border-radius:0 2px 2px 0}.load-more-container{display:flex;justify-content:center;padding:24px}.load-more-btn{padding:10px 24px;background-color:#272727;color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.load-more-btn:hover:not(:disabled){background-color:#3f3f3f}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.notifications-page{padding:16px}.notifications-header h1{font-size:20px}.notification-item{padding:12px;gap:12px}.notification-avatar,.notification-avatar-placeholder{width:40px;height:40px;font-size:16px}.notification-thumbnail{width:100px;height:56px}.notification-text{font-size:14px}.notification-video-title{font-size:13px}}@media(max-width:480px){.notifications-header{flex-direction:column;align-items:flex-start;gap:12px}.notification-thumbnail{display:none}}.communities-page{padding:20px;min-height:100vh;background-color:#0f0f0f;color:#fff}.communities-container{max-width:1400px;margin:0 auto}.communities-container h1{font-size:24px;font-weight:500;margin-bottom:24px;color:#fff}.communities-tabs{display:flex;gap:0;border-bottom:1px solid #303030;margin-bottom:24px}.communities-tab{background:none;border:none;color:var(--secondary-text-color);padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:color .2s;white-space:nowrap}.communities-tab:hover{color:var(--text-color)}.communities-tab.active{color:var(--text-color);border-bottom-color:var(--text-color)}.communities-shelf-wrapper{position:relative;margin-bottom:24px;display:flex;align-items:center;gap:8px}.communities-shelf-scroller{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}.communities-shelf-scroller::-webkit-scrollbar{display:none}.community-filter-card{display:flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#1a1a1a;border-radius:20px;cursor:pointer;transition:background-color .2s,transform .2s;flex-shrink:0;min-width:auto;border:2px solid transparent;white-space:nowrap}.community-filter-card:hover{background-color:#252525;transform:translateY(-2px)}.community-filter-card.active{background-color:#3ea6ff;border-color:#3ea6ff}.community-filter-card span{font-size:14px;font-weight:500;color:#fff;text-align:center;white-space:nowrap}.communities-scroll-btn{width:40px;height:40px;border-radius:50%;border:1px solid #3b3b3b;background:#ffffff14;color:var(--text-color);cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0;z-index:1}.communities-scroll-btn:hover{background:#ffffff1f}.communities-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.communities-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.load-more-trigger{grid-column:1 / -1;text-align:center;padding:20px;color:var(--secondary-text-color)}.retry-button{padding:10px 24px;background-color:#3ea6ff;color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.retry-button:hover{background-color:#2d8cd6}.community-join-btn{width:100%;padding:8px 16px;background-color:#3ea6ff;color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,opacity .2s;margin-top:8px}.community-join-btn:hover:not(:disabled){background-color:#2d8cd6}.community-join-btn:disabled{opacity:.6;cursor:not-allowed}.community-join-btn.joined{background-color:#272727;color:#fff}.community-join-btn.joined:hover:not(:disabled){background-color:#3d3d3d}@media(max-width:768px){.communities-page{padding:16px}.communities-container h1{font-size:20px;margin-bottom:20px}.communities-scroll-btn{display:none!important}.communities-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.community-card{padding:16px}.community-icon,.community-icon-placeholder{width:64px;height:64px;font-size:24px}.community-name{font-size:14px}.community-members{font-size:12px}}.joined-communities-page{padding:20px;min-height:100vh;background-color:#0f0f0f;color:#fff}.joined-communities-container{max-width:1400px;margin:0 auto}.joined-communities-container h1{font-size:24px;font-weight:500;margin-bottom:24px;color:#fff}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;color:#aaa}.error-state p{margin-bottom:16px;color:#f44}.retry-button,.explore-button{padding:10px 24px;background-color:#3ea6ff;color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;margin-top:16px}.retry-button:hover,.explore-button:hover{background-color:#2d8cd6}.empty-state-subtitle{font-size:14px;color:#888;margin-top:8px}.communities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;width:100%}.community-card{background-color:#1a1a1a;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background-color .2s,transform .2s;cursor:pointer}.community-card:hover{background-color:#252525;transform:translateY(-2px)}.community-icon-container{margin-bottom:12px}.community-icon{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.community-icon-placeholder{width:80px;height:80px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:32px;border:2px solid rgba(255,255,255,.1)}.community-info{width:100%}.community-name{font-size:16px;font-weight:500;margin:0 0 8px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-members{font-size:14px;color:#aaa;margin:0 0 12px}.community-leave-btn{width:100%;padding:8px 16px;background-color:#272727;color:#fff;border:none;border-radius:18px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s,opacity .2s;margin-top:8px}.community-leave-btn:hover:not(:disabled){background-color:#3d3d3d}.community-leave-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.communities-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}@media(max-width:768px){.joined-communities-page{padding:16px}.joined-communities-container h1{font-size:20px;margin-bottom:20px}.communities-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.community-card{padding:16px}.community-icon,.community-icon-placeholder{width:64px;height:64px;font-size:24px}.community-name{font-size:14px}.community-members{font-size:12px}}@media(max-width:480px){.communities-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.community-card{padding:12px}.community-icon,.community-icon-placeholder{width:56px;height:56px;font-size:20px}}.create-channel-page{padding:40px 20px;min-height:100vh;background-color:#0f0f0f;color:#fff;display:flex;align-items:center;justify-content:center}.create-channel-container{max-width:600px;width:100%;background-color:#1a1a1a;border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000004d}.create-channel-container h1{font-size:28px;font-weight:500;margin-bottom:8px;color:#fff}.create-channel-subtitle{font-size:14px;color:#aaa;margin-bottom:32px}.channel-form{margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:12px}.input-with-button{display:flex;gap:12px}.channel-input{flex:1;padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;font-family:inherit;transition:border-color .2s,background-color .2s}.channel-input:focus{outline:none;border-color:#3ea6ff;background-color:#ffffff14}.channel-input:disabled{opacity:.6;cursor:not-allowed}.channel-input::placeholder{color:#888}.check-btn{padding:12px 24px;background-color:#3ea6ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;white-space:nowrap}.check-btn:hover:not(:disabled){background-color:#2d8cd6}.check-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px;background-color:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#ff6b6b;font-size:14px}.success-message{padding:12px;background-color:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;color:#4caf50;font-size:14px}.suggestion-message{padding:12px;background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;font-size:14px}.suggestion-message p{margin:4px 0}.suggestion-message strong{color:#fff}.use-suggestion-btn{margin-top:8px;padding:8px 16px;background-color:#ffc107;color:#000;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.use-suggestion-btn:hover{background-color:#ffb300}.input-hints{margin-top:8px;padding:12px;background-color:#ffffff08;border-radius:8px}.input-hints p{font-size:12px;color:#888;margin:4px 0}.form-actions{display:flex;gap:12px;justify-content:flex-end}.create-btn{padding:12px 32px;background-color:#3ea6ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.create-btn:hover:not(:disabled){background-color:#2d8cd6}.create-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.create-channel-page{padding:20px 16px}.create-channel-container{padding:24px}.create-channel-container h1{font-size:24px}.input-with-button{flex-direction:column}.check-btn{width:100%}.form-actions{flex-direction:column}.create-btn,.cancel-btn{width:100%}}.edit-profile-page{padding:40px 20px;min-height:100vh;background-color:#0f0f0f;color:#fff}.edit-profile-container{max-width:800px;width:100%;margin:0 auto;background-color:#1a1a1a;border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000004d}.edit-profile-header{margin-bottom:32px}.edit-profile-header h1{font-size:28px;font-weight:500;margin-bottom:8px;color:#fff}.edit-profile-subtitle{font-size:14px;color:#aaa}.error-message{padding:12px 16px;background-color:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#ff6b6b;font-size:14px;margin-bottom:24px}.edit-profile-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#fff}.form-input{padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;font-family:inherit;transition:border-color .2s,background-color .2s}.form-input:focus{outline:none;border-color:#3ea6ff;background-color:#ffffff14}.form-input::placeholder{color:#888}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.save-btn{padding:12px 32px;background-color:#3ea6ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.save-btn:hover:not(:disabled){background-color:#2d8cd6}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{padding:12px 32px;background-color:transparent;color:#aaa;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.cancel-btn:hover:not(:disabled){background-color:#ffffff1a;color:#fff}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.edit-profile-page{padding:20px 16px}.edit-profile-container{padding:24px}.edit-profile-header h1{font-size:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}:root{--bg-color: #0f0f0f;--text-color: #ffffff;--secondary-text-color: #aaaaaa;--header-bg: #202020;--sidebar-bg: #0f0f0f;--card-bg: #202020;--hover-color: #3f3f3f;--primary-color: #ff0000}body{background-color:var(--bg-color);color:var(--text-color);overflow-y:scroll}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}@media(max-width:768px){::-webkit-scrollbar{width:6px;height:6px}*{scrollbar-width:thin}}a{color:var(--text-color);text-decoration:none}.error-page-shell{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;text-align:center;gap:8px}@media(max-width:768px){body{font-size:14px;margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;position:relative!important;left:0!important;right:0!important}html,#root{margin:0!important;padding:0!important;width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;position:relative!important;left:0!important;right:0!important}.main-content-area,.page-view{margin-left:0!important;padding-left:0!important;left:0!important}*{-webkit-tap-highlight-color:transparent}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}