.livestream-banner{background:var(--template-accent-color,#08b6d4);padding:.75rem 1rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.livestream-banner-content{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:.75rem}.livestream-banner-left{display:flex;align-items:flex-start;flex-direction:column;gap:.625rem;flex:1;width:100%}.livestream-badge{display:none!important}.livestream-banner-text{color:var(--template-accent-text-color,#fff);font-size:.875rem;line-height:1.4}.livestream-banner-text strong{font-weight:600}.livestream-banner-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--template-card-bg-color,#fff);color:var(--template-accent-color,#667eea);padding:.5rem 1rem;border-radius:24px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);width:100%}.livestream-banner-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);text-decoration:none}.livestream-banner-button .material-symbols-outlined{font-size:18px}@media(min-width:768px){.livestream-banner{padding:1rem 1.5rem;margin-bottom:1.5rem}.livestream-banner-content{flex-direction:row;align-items:center;gap:1rem}.livestream-banner-left{flex-direction:row;align-items:center;gap:1rem}.livestream-badge{display:inline-flex!important;align-items:center!important;gap:.5rem!important;background:#ea0101!important;background-color:#ea0101!important;opacity:1!important;padding:.375rem .75rem!important;border-radius:20px!important;font-weight:700!important;font-size:.875rem!important;color:#fff!important;letter-spacing:.5px!important;text-transform:uppercase}.livestream-banner-text{font-size:1rem}.livestream-banner-button{width:auto;padding:.625rem 1.25rem;font-size:.9375rem}.livestream-banner-button .material-symbols-outlined{font-size:20px}}
.humix-login-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;padding:20px;box-sizing:border-box}.humix-login-modal-content{position:relative;width:490px;max-width:100%;max-height:calc(100vh - 40px);background:#000;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;height:auto}.humix-login-modal-content iframe{width:100%;border:none;min-height:400px}.humix-login-close-button{color:#fff;position:absolute;top:0;right:10px;font-size:24px;padding:10px;cursor:pointer;z-index:1}.open-video-close-button{color:#bbb}@media(max-width:768px){.humix-login-modal-content{width:100%;max-width:calc(100vw - 20px);margin:0 10px}}
#channel-see-more-link{color:var(--modal-link-color);text-decoration:none;font-weight:500;cursor:pointer}#channel-see-more-link:hover{text-decoration:underline}#channel-description-preview{margin-top:8px;font-size:.9rem;color:var(--text-secondary)}.channel-modal-section{margin-bottom:20px}.channel-modal-section h6{font-weight:600;color:var(--text-secondary);margin-bottom:8px}.channel-links-list{list-style:none;padding-left:0}.channel-links-list li{margin-bottom:8px}.channel-links-list a,.channel-modal-section a{display:inline-flex;align-items:center;color:var(--modal-link-color);text-decoration:none}.channel-links-list a:hover,.channel-modal-section a:hover{text-decoration:underline}.favicon-icon{width:16px;height:16px;margin-right:8px;border-radius:2px}.channel-modal-section a .material-symbols-outlined{font-size:18px;margin-right:8px}.humix-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);backdrop-filter:blur(2px)}.humix-modal-content{background-color:var(--dark-bg-color-hover);margin:10% auto;max-width:500px;width:90%;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);animation-name:modalopen;animation-duration:.3s}@keyframes modalopen{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.humix-modal-header{padding:15px 20px;border-bottom:1px solid var(--separator-color);display:flex;justify-content:space-between;align-items:center}.humix-modal-title{margin:0;font-weight:600;word-break:break-all;color:var(--text-primary)}.humix-modal-close{background:0 0;border:none;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;padding:0}.humix-modal-body{padding:20px;max-height:70vh;overflow-y:auto;color:var(--text-primary)}.humix-modal-footer{padding:15px 20px;border-top:1px solid var(--separator-color);text-align:right}.tab-pane{display:none}.tab-pane.active{display:block}#shorts-display{justify-content:flex-start!important}