.channel_view .view-user-profile,.collection_view .view-user-profile{padding:20px 0}@media (max-width:643px){body.channel_view .page-main,body.collection_view .page-main,body.view_user_profile .page-main{padding:0}body.channel_view .page-main .video-grid .video,body.collection_view .page-main .video-grid .video,body.view_user_profile .page-main .video-grid .video{padding-left:3px;padding-right:3px}}.view-user-profile .watch-image-banner{aspect-ratio:16/4;background-position:50%;background-size:cover;border-radius:10px;overflow:hidden;position:relative}.view-user-profile .watch-image-banner .edit-profile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border-radius:50%;bottom:15px;color:#fff;display:flex;height:40px;justify-content:center;line-height:40px;position:absolute;right:15px;text-decoration:none;width:40px}.view-user-profile .watch-image-banner .unblur{background-color:#000;border:none;border-radius:7px;color:#fff;display:inline-block;font-size:14px;font-weight:700;left:50%;line-height:1;outline:none;padding:7px 10px;position:absolute;text-decoration:none;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);z-index:200}.view-user-profile .watch-image-banner .unblur:hover{cursor:pointer}.view-user-profile .user-details{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;gap:30px;margin-top:30px;padding:30px}.view-user-profile .user-details .avatar-wrap{flex-shrink:0;position:relative}.view-user-profile .user-details .avatar-wrap .avatar{background-position:50%;background-size:cover;border:6px solid #fff;border-radius:50%;box-shadow:0 8px 30px rgba(0,0,0,.15);display:block;height:200px;transition:transform .3s ease,box-shadow .3s ease;width:200px}.view-user-profile .user-details .avatar-wrap .avatar:hover{box-shadow:0 12px 40px rgba(0,0,0,.2);transform:scale(1.05)}.view-user-profile .user-details .avatar-wrap .unblur{background-color:#000;border:none;border-radius:7px;color:#fff;display:inline-block;font-size:14px;font-weight:700;left:50%;line-height:1;outline:none;padding:7px 10px;position:absolute;text-decoration:none;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);z-index:200}.view-user-profile .user-details .avatar-wrap .unblur:hover{cursor:pointer}.view-user-profile .user-details .user-content{display:flex;flex:1;flex-direction:column;gap:20px}.view-user-profile .user-details .user-content .user-info h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 8px}.view-user-profile .user-details .user-content .user-info h2{color:#666;font-size:1.3rem;font-weight:500;margin:0;opacity:.8}.view-user-profile .user-details .user-content .user-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin:5px 0}.view-user-profile .user-details .user-content .user-actions .follow-user-form{margin:0}.view-user-profile .user-details .user-content .user-actions .follow-user-form .btn{align-items:center;display:inline-flex;gap:8px}.view-user-profile .user-details .user-content .user-actions .follow-user-form .btn i{font-size:.9em}.view-user-profile .user-details .user-content .user-actions a:not(.floating-menu-holder a){align-items:center;background:#000;border:none;border-radius:50%;color:#fff;display:inline-flex;height:35px;justify-content:center;text-decoration:none;transition:all .3s ease;width:35px}.view-user-profile .user-details .user-content .user-actions a:not(.floating-menu-holder a):hover{background:#eb212e;box-shadow:0 4px 12px rgba(0,0,0,.1);color:#fff;transform:translateY(-1px)}.view-user-profile .user-details .user-content .user-actions a:not(.floating-menu-holder a) i{font-size:1.1rem}.view-user-profile .user-details .user-content .user-actions .floating-menu{margin-left:auto}.view-user-profile .user-details .user-content .stats{display:flex;flex-wrap:wrap;gap:40px}.view-user-profile .user-details .user-content .stats .stat{align-items:center;background:#ebebeb;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;min-width:100px;padding:15px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.view-user-profile .user-details .user-content .stats .stat:hover{background:#e9ecef;box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.view-user-profile .user-details .user-content .stats .stat .stat-number{color:#2c3e50;display:block;font-size:1.8rem;font-weight:700;margin-bottom:5px}.view-user-profile .user-details .user-content .stats .stat .stat-label{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.view-user-profile .user-details .user-content .stats .stat.active{background:#dfe6ed;box-shadow:0 6px 20px rgba(0,0,0,.15)}.view-user-profile .user-tabs{margin-top:30px}.view-user-profile .user-tabs .tab-bar{background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-wrap:wrap;list-style:none;margin:0;overflow:hidden;padding:0}.view-user-profile .user-tabs .tab-bar li{flex:1;min-width:0}.view-user-profile .user-tabs .tab-bar li a{border-bottom:3px solid transparent;color:#666;display:block;font-weight:500;overflow:hidden;padding:18px 20px;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.view-user-profile .user-tabs .tab-bar li a:hover{background:#f8f9fa;color:#2c3e50}.view-user-profile .user-tabs .tab-bar li.active a{background:#f8f9fa;border-bottom-color:#000;color:#2c3e50;font-weight:600}.view-user-profile .user-tabs .tab-content{margin-top:30px}.view-user-profile .user-tabs .tab-content .user-search-form{margin:30px 0}.view-user-profile .user-tabs .tab-content .user-search-form .search-container{align-items:center;display:flex;gap:15px;max-width:500px}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field{flex:1;position:relative}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;overflow:hidden;position:relative;transition:all .3s ease}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper:hover{border-color:#3498db;box-shadow:0 4px 15px rgba(52,152,219,.15)}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper:focus-within{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1);transform:translateY(-1px)}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-icon{color:#95a5a6;font-size:1rem;left:20px;position:absolute;transition:color .3s ease;z-index:2}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-input{background:transparent;border:none;color:#2c3e50;flex:1;font-size:16px;outline:none;padding:15px 20px 15px 50px}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-input::-moz-placeholder{color:#95a5a6;font-weight:400}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-input:-ms-input-placeholder{color:#95a5a6;font-weight:400}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-input::placeholder{color:#95a5a6;font-weight:400}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-input:focus+.search-btn{background:#3498db;color:#fff}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-btn{align-items:center;background:#f8f9fa;border:none;border-left:1px solid #e1e8ed;color:#7f8c8d;cursor:pointer;display:flex;justify-content:center;padding:15px 20px;transition:all .3s ease}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-btn:hover{background:#3498db;color:#fff}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field .search-input-wrapper .search-btn i{font-size:1rem}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .search-field:focus-within .search-icon{color:#3498db}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .clear-search{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .clear-search:hover{background:#c0392b;box-shadow:0 4px 12px rgba(231,76,60,.3)}.view-user-profile .user-tabs .tab-content .user-search-form .search-container .clear-search i{font-size:.9rem}.view-user-profile .followers-section-title{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:10px;margin-top:20px}@media screen and (max-width:1600px){.view-user-profile .followers-section-title{padding:0 15px}}.view-user-profile .user-follows-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;padding:0}.view-user-profile .user-follows-list .user{background:#fff;border:1px solid #f0f0f0;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.08);flex:0 0 calc(25% - 15px);min-width:250px;overflow:hidden;transition:all .3s ease}.view-user-profile .user-follows-list .user:hover{border-color:#e0e0e0;box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-5px)}.view-user-profile .user-follows-list .user .inner{align-items:center;display:flex;flex-direction:column;gap:8px;padding:20px 15px;position:relative;text-align:center}.view-user-profile .user-follows-list .user .inner .avatar{background-position:50%;background-size:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.1);display:block;flex-shrink:0;height:80px;transition:all .3s ease;width:80px}.view-user-profile .user-follows-list .user .inner .avatar:hover{box-shadow:0 6px 25px rgba(0,0,0,.2);transform:scale(1.1)}.view-user-profile .user-follows-list .user .inner .follow-user{align-items:center;background:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:6px;justify-content:center;min-width:90px;padding:10px 18px;text-decoration:none;transition:all .3s ease}.view-user-profile .user-follows-list .user .inner .follow-user:hover{background:#eb212e;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.view-user-profile .user-follows-list .user .inner .follow-user i{font-size:.85rem}.view-user-profile .user-follows-list .user .inner .username{color:#666;display:block;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.view-user-profile .user-follows-list .user .inner .username:hover{color:#000}.view-user-profile .user-follows-list .user .inner .user-display-name{color:#2c3e50;display:block;font-size:1.2rem;font-weight:600;line-height:1.3;text-decoration:none;transition:color .3s ease}.view-user-profile .user-follows-list .user .inner .user-display-name:hover{color:#000}.view-user-profile .user-follows-list .user .inner .view-follows{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;color:#95a5a6;font-size:.9rem;padding:6px 10px;text-decoration:none;transition:all .3s ease}.view-user-profile .user-follows-list .user .inner .view-follows:hover{background:#e9ecef;border-color:#dee2e6;color:#000}@media (max-width:1200px){.view-user-profile .user-follows-list .user{flex:0 0 calc(33.333% - 14px);min-width:220px}}@media (max-width:900px){.view-user-profile .user-follows-list{gap:15px}.view-user-profile .user-follows-list .user{flex:0 0 calc(50% - 8px);min-width:200px}.view-user-profile .user-follows-list .user .inner{gap:6px;padding:18px 12px}.view-user-profile .user-follows-list .user .inner .avatar{height:70px;width:70px}}@media (max-width:600px){.view-user-profile .user-follows-list .user{margin:0 auto;max-width:350px;min-width:auto}.view-user-profile .user-follows-list .user .inner{padding:20px 15px}.view-user-profile .user-follows-list .user .inner .avatar{height:80px;width:80px}}@media (max-width:1200px){.view-user-profile .user-tabs .tab-bar li a{padding:18px 10px}}@media (max-width:900px){.view-user-profile .user-tabs .tab-bar{flex-wrap:wrap}.view-user-profile .user-tabs .tab-bar li{flex:none;width:25%}.view-user-profile .user-tabs .tab-bar li a{font-size:15px}}@media (max-width:768px){.view-user-profile .user-details{align-items:center;flex-direction:column;gap:20px;padding:20px;text-align:center}.view-user-profile .user-details .avatar-wrap .avatar{height:150px;width:150px}.view-user-profile .user-details .user-content{width:100%}.view-user-profile .user-details .user-content .user-info h1{font-size:2rem}.view-user-profile .user-details .user-content .user-actions{gap:10px;justify-content:center}.view-user-profile .user-details .user-content .user-actions .follow-user-form .btn{font-size:.9rem;padding:10px 20px}.view-user-profile .user-details .user-content .user-actions a{height:40px;width:40px}.view-user-profile .user-details .user-content .user-actions a i{font-size:1rem}.view-user-profile .user-details .user-content .stats{gap:20px;justify-content:center}.view-user-profile .user-details .user-content .stats .stat{min-width:80px;padding:10px 15px}.view-user-profile .user-details .user-content .stats .stat .stat-number{font-size:1.5rem}}.view-user-profile .user-details+.video-feed{margin-top:40px}
.left-sidebar-container{background-color:#fff}.left-sidebar-container .left-sidebar,.left-sidebar-container .sidebar-inner{background-color:#fff;display:flex;flex-direction:column;height:100%}.lsb-accordion-body .relative:after{display:none!important}.lsb-accordion-body .relative input{box-sizing:border-box}.lsb-accordion-body ol,.lsb-accordion-body ul{list-style:none;margin:0;padding:0}.lsb-accordion-body li{background:none;border:none;margin:0;padding:0}.lsb-accordion-body li:before{display:none}.lsb-accordion-body a{align-items:center;border-radius:8px;color:inherit;color:#1e293b;display:flex;font-size:14px;gap:10px;padding:6px 8px;text-decoration:none;transition:background .1s;width:100%}.lsb-accordion-body a:hover{background:#f8fafc}.lsb-accordion-body .lsb-icon-btn{color:#94a3b8!important;display:inline-flex!important;flex-shrink:0!important;padding:4px!important;width:24px!important}.lsb-nav-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#334155;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:12px 8px;text-decoration:none;transition:background .15s,color .15s}.lsb-nav-btn svg{color:inherit}.lsb-nav-btn:hover{background:#f8fafc}.lsb-nav-btn.lsb-nav-btn--active{background:#000;border-color:#000;color:#fff}.lsb-quick-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:4px;justify-content:center;padding:8px 4px;text-decoration:none;transition:background .15s}.lsb-quick-btn:hover{background:#f8fafc}.lsb-quick-btn.lsb-quick-btn--active{background:var(--lsb-color,#000);border-color:var(--lsb-color,#000);color:#fff}.lsb-accordion .lsb-accordion-toggle{background:none;border:none;text-align:left}.lsb-accordion .lsb-accordion-toggle:hover{background:#f8fafc;border-radius:16px}.lsb-accordion .lsb-accordion-toggle .lsb-chevron{transition:transform .2s}.lsb-accordion .lsb-accordion-toggle[aria-expanded=true] .lsb-chevron{transform:rotate(0deg)!important}.lsb-accordion .lsb-accordion-toggle[aria-expanded=false] .lsb-chevron{transform:rotate(-90deg)}.lsb-filter-input:focus{border-color:#94a3b8;outline:none}.lsb-icon-btn{align-items:center;border-radius:6px;color:#94a3b8;display:inline-flex;height:24px;justify-content:center;text-decoration:none;transition:background .15s,color .15s;width:24px}.lsb-icon-btn:hover{background:#f1f5f9;color:#1e293b}.lsb-root .sfc-sort-toggle{align-items:center;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:36px;outline:none;padding:0 12px;transition:background-color .15s;white-space:nowrap;width:100%}.lsb-root .sfc-sort-toggle:hover{background-color:#f8fafc!important}.lsb-root .sfc-sort-toggle .sfc-chevron{margin-left:auto;opacity:.5;transition:transform .2s}.lsb-root .sfc-sort-toggle[aria-expanded=true] .sfc-chevron{transform:rotate(180deg)}.lsb-root .sfc-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:2px;left:0;min-width:100%;padding:6px;position:absolute;top:calc(100% + 4px);z-index:300}.lsb-root .sfc-dropdown[hidden]{display:none}.lsb-root .sfc-dropdown .sfc-item{align-items:center;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 12px;text-decoration:none;transition:background-color .15s,color .15s;white-space:nowrap}.lsb-root .sfc-dropdown .sfc-item:hover{background:#f1f5f9;color:#1e293b}.lsb-root .sfc-dropdown .sfc-item svg{flex-shrink:0;height:16px;width:16px}.lsb-root .sfc-dropdown .sfc-item.active{background:#000;color:#fff}.lsb-root .sfc-grid-btn.active{background:#dc2626!important;color:#fff!important}.lsb-root .sfc-grid-btn{border:none!important;outline:none}.lsb-root .sfc-post-filter .select-multiple .placeholder{display:none!important}.lsb-root .sfc-post-filter{position:relative}.lsb-root .sfc-post-filter .select-multiple{position:static}.lsb-root .sfc-post-filter .select-multiple .dropdown{left:0;right:auto;top:calc(100% + 4px)}.lsb-root .sfc-filter-trigger,.lsb-root .sfc-grid-btn{background-color:transparent;border:none!important;outline:none}.lsb-root .sfc-post-filter .select-multiple .dropdown{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:none!important;min-width:260px;overflow:visible!important;padding:4px;transition:none!important;width:-webkit-max-content;width:-moz-max-content;width:max-content}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-header{color:#1e293b;font-size:13px;font-weight:600;padding:6px 8px 4px}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-sep{background:#e2e8f0;height:1px;margin:4px 0}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-grid{display:grid;gap:4px;grid-template-columns:1fr 1fr;padding:0 4px}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-col{display:flex;flex-direction:column;gap:2px}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:6px 6px 6px 24px;position:relative;transition:background .12s}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option:hover{background:#f1f5f9}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option input[type=checkbox]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option input[type=checkbox]:checked~.ms-check{visibility:visible}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option .ms-check{align-items:center;color:#1e293b;display:flex;height:14px;justify-content:center;left:4px;position:absolute;top:50%;transform:translateY(-50%);visibility:hidden;width:14px}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option .ms-body{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:5px;white-space:nowrap}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option .ms-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.lsb-root .sfc-post-filter .select-multiple .dropdown .ms-option .ms-icon{flex-shrink:0}.lsb-root .sfc-post-filter .select-multiple .dropdown a.close{align-items:center;background:#000;border-radius:8px;border-top:none;color:#fff!important;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;margin:0 4px 4px;padding:8px;text-decoration:none!important;width:calc(100% - 8px)}.lsb-root .sfc-post-filter .select-multiple .dropdown a.close:hover{background:#1e293b}@media (max-width:768px){.lsb-accordion-body .lsb-icon-btn{height:28px!important;width:28px!important}.lsb-accordion-body .lsb-icon-btn svg{height:18px!important;width:18px!important}}
.channel-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;overflow:hidden;transition:all .3s ease}.channel-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.12);transform:translateY(-2px)}.channel-card a.channel-wrapper{aspect-ratio:16/9;cursor:pointer;display:block;overflow:hidden;position:relative;text-decoration:none;width:100%}.channel-card a.channel-wrapper .channel-poster{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:transform .3s ease;width:100%}.channel-card a.channel-wrapper .channel-overlay{align-items:center;background:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.channel-card a.channel-wrapper .channel-overlay .channel-icon{align-items:center;background-color:hsla(0,0%,100%,.9);border-radius:50%;display:flex;height:80px;justify-content:center;transform:scale(.8);transition:transform .3s ease;width:80px}.channel-card a.channel-wrapper .channel-overlay .channel-icon i{color:#666;font-size:2rem}.channel-card a.channel-wrapper:hover .channel-poster{transform:scale(1.05)}.channel-card a.channel-wrapper:hover .channel-overlay{opacity:1}.channel-card a.channel-wrapper:hover .channel-overlay .channel-icon{transform:scale(1)}.channel-card .channel-info{align-items:flex-start;display:flex;gap:12px;padding:12px;position:relative}.channel-card .channel-info .avatar-wrap{flex-shrink:0}.channel-card .channel-info .avatar-wrap .avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);display:block;height:40px;width:40px}.channel-card .channel-info .channel-content{flex:1;min-width:0}.channel-card .channel-info .channel-content .channel-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 6px;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.channel-card .channel-info .channel-content .channel-title:hover{color:#eb212e}.channel-card .channel-info .channel-content .name-block{margin-bottom:4px}.channel-card .channel-info .channel-content .name-block .name{color:#8c8c8c;font-size:14px;font-weight:500;text-decoration:none}.channel-card .channel-info .channel-content .name-block .name:hover{color:#eb212e}.channel-card .channel-info .channel-content .subscribers-count{color:#8c8c8c;font-size:12px;line-height:1.2}.channels-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}@media (max-width:768px){.channels-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.channel-card .channel-info{padding:10px}.channel-card .channel-info .channel-content .channel-title{font-size:15px}}@media (max-width:480px){.channels-grid{gap:10px;grid-template-columns:1fr}.channel-card .channel-overlay .channel-icon{height:60px;width:60px}.channel-card .channel-overlay .channel-icon i{font-size:1.5rem}}
.topic-card{padding:12px}.topic-card .inner{background:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.topic-card .inner:hover{box-shadow:0 8px 14px rgba(0,0,0,.16);transform:translateY(-4px)}.topic-card .subtopic-banner{height:120px;overflow:hidden;position:relative}.topic-card .subtopic-banner .subtopic-banner-image{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;position:relative;transition:transform .3s ease;width:100%}.topic-card .subtopic-banner .subtopic-banner-image:hover{transform:scale(1.05)}.topic-card .subtopic-banner .subtopic-banner-image .banner-overlay{background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.3));bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.topic-card .subtopic-banner .subtopic-banner-image:hover .banner-overlay{opacity:1}.topic-card .subtopic-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:16px}.topic-card .subtopic-header{align-items:flex-start;display:flex;gap:12px}.topic-card .avatar-wrap{flex-shrink:0;margin-top:2px}.topic-card .avatar-wrap .avatar{background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);display:block;height:48px;transition:transform .2s ease;width:48px}.topic-card .avatar-wrap .avatar:hover{transform:scale(1.1)}.topic-card .subtopic-meta{flex:1;min-width:0}.topic-card .subtopic-name{font-size:16px;line-height:1.3;margin:0 0 8px}.topic-card .subtopic-name a{color:#1a1a1a;display:block;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.topic-card .subtopic-name a:hover{color:#eb212e}.topic-card .subscriber-count{align-items:baseline;color:#707070;display:flex;font-size:13px;gap:4px}.topic-card .subscriber-count .count{color:#333;font-weight:600}.topic-card .subscriber-count .label{font-weight:400}.no-content-message,.no-subtopics-message{padding:60px 20px;text-align:center}.no-content-message .empty-state,.no-subtopics-message .empty-state{margin:0 auto;max-width:300px}.no-content-message .empty-state .empty-icon,.no-subtopics-message .empty-state .empty-icon{stroke-width:1.5;color:#a6a6a6;height:64px;margin:0 auto 20px;width:64px}.no-content-message .empty-state h3,.no-subtopics-message .empty-state h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.no-content-message .empty-state p,.no-subtopics-message .empty-state p{color:#707070;font-size:14px;line-height:1.5;margin:0}@media screen and (max-width:1024px){.topic-card{padding:8px}.topic-card .inner{border-radius:12px}.topic-card .subtopic-banner{height:100px}.topic-card .subtopic-content{padding:12px}.topic-card .subtopic-header{gap:10px}.topic-card .avatar-wrap .avatar{height:40px;width:40px}.topic-card .subtopic-name{font-size:15px}.topic-card .subscriber-count{font-size:12px}}@media screen and (max-width:767px){.topic-card{padding:6px}.topic-card .subtopic-banner{height:80px}.topic-card .subtopic-content{padding:10px}.topic-card .subtopic-header{gap:8px}.topic-card .avatar-wrap .avatar{height:36px;width:36px}.topic-card .subtopic-name{font-size:14px}.topic-card .subtopic-name a{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:visible;overflow:hidden;text-overflow:unset;white-space:normal}}

/*# sourceMappingURL=funwatch-styles-3.css.map*/