:root{--bg-color:#050810;--sidebar-bg:#0e121ed9;--card-bg:#161c2d99;--card-hover:#1e263ce6;--primary-color:#3b82f6;--text-primary:#fff;--text-muted:#94a3b8;--border-color:#ffffff14;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow:hidden}.view-container{width:100vw;height:100vh;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:0;left:0}.hidden{opacity:0;pointer-events:none;z-index:-1}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.logo{letter-spacing:1.5px;color:#0000;background:linear-gradient(90deg,#00f2fe 0%,#4facfe 25%,#fff 50%,#4facfe 75%,#00f2fe 100%) 0 0/200%;filter:drop-shadow(0 0 6px #4facfe80);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:900;animation:3s linear infinite shine-gradient;display:inline-block}.logo .highlight{color:inherit;text-shadow:none;animation:none}@keyframes shine-gradient{to{background-position:200%}}.btn-icon{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-size:1.2rem;display:flex}.mobile-only{display:none}.search-box{margin:20px;position:relative}.search-box i{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}#search-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:8px;outline:none;padding:10px 10px 10px 35px;font-family:inherit;transition:border-color .2s}#search-input:focus{border-color:var(--primary-color);background:#ffffff1a}.group-list{flex:1;padding:0 10px 20px;overflow-y:auto}.group-list::-webkit-scrollbar{width:5px}.group-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.group-item{cursor:pointer;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;margin-bottom:5px;padding:12px 15px;font-size:.9rem;font-weight:600;transition:all .2s;overflow:hidden}.group-item:hover{color:var(--text-primary);background:#ffffff0d}.group-item.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #3b82f666}.main-content{background:radial-gradient(circle at top right, #141928 0%, var(--bg-color) 70%);flex-direction:column;flex:1;height:100%;display:flex;position:relative}.content-header{padding:25px 30px 15px}.content-header h2{color:#fff;font-size:1.5rem;font-weight:700}.channel-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:20px;padding:10px 30px 40px;display:grid;overflow-y:auto}.channel-grid::-webkit-scrollbar{width:8px}.channel-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.channel-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;align-items:center;padding:12px;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.channel-card:hover{background:var(--card-hover);border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 20px #00000080}.card-logo-wrapper{background:#0003;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:85px;margin-bottom:12px;padding:10px;display:flex}.card-logo-wrapper img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:100%;height:100%}.channel-card .name{text-align:center;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;color:#f1f5f9;-webkit-box-orient:vertical;width:100%;height:4.2em;font-size:.75rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.loader{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px}.loader p{margin-top:10px}#player-view{z-index:20;background:#000;flex-direction:column;display:flex}.player-header{z-index:25;background:linear-gradient(#000c,#0000);align-items:center;width:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.btn-back{cursor:pointer;text-shadow:0 2px 4px #000c;margin-right:15px;font-size:1.5rem}#player-title{text-shadow:0 2px 4px #000c;font-size:1.2rem;font-weight:600}.video-container{width:100%;height:100%;position:relative}.video-container video{width:100%;height:100%}.player-stats-container{background:var(--sidebar-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;gap:15px;margin:15px;padding:15px 20px;display:flex}.stat-box{background:#ffffff0d;border-radius:8px;flex:1;align-items:center;gap:12px;min-width:120px;padding:10px 15px;display:flex}.stat-box i{color:var(--primary-color);font-size:20px}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.stat-value{color:var(--text-primary);font-size:14px;font-weight:700}.stat-hint{color:#fbbf24;align-items:center;gap:8px;width:100%;padding:5px 5px 0;font-size:12px;display:flex}.player-footer{-webkit-backdrop-filter:blur(15px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:30px;justify-content:center;align-items:center;margin:15px auto 25px;padding:10px 22px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e,inset 0 0 15px #00f2fe1a}.player-footer:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;animation:3s infinite shine-sweep;position:absolute;top:0;left:-100%}@keyframes shine-sweep{0%{left:-100%}20%{left:200%}to{left:200%}}.player-footer p{color:#94a3b8;letter-spacing:.5px;margin:0;font-size:.9rem;font-weight:600}.player-footer .creator-name{color:#0000;background:linear-gradient(90deg,#00f2fe 0%,#4facfe 50%,#00f2fe 100%) 0 0/200%;text-shadow:0 0 15px #00f2fe80;-webkit-background-clip:text;background-clip:text;margin-left:4px;font-weight:900;animation:3s linear infinite shine-gradient}.shaka-play-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:#fff!important;background-color:#0f172a99!important;border:1px solid #fff3!important;border-radius:50%!important;width:60px!important;height:60px!important;padding:14px!important;transition:transform .2s,background-color .2s,box-shadow .2s!important;box-shadow:0 0 20px #00f2fe4d!important}.shaka-play-button:hover{background-color:#0f172acc!important;transform:scale(1.1)!important;box-shadow:0 0 25px #00f2fe99!important}.shaka-play-button svg{width:100%!important;height:100%!important}.shaka-bottom-controls button{color:#fff;transition:color .2s}.shaka-bottom-controls button:hover{color:#00f2fe}.shaka-settings-menu{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background-color:#0f172af2!important;border:1px solid #ffffff1a!important;border-radius:8px!important;box-shadow:-5px 5px 25px #000c!important}.shaka-settings-menu button{color:#fff!important}.shaka-settings-menu button:hover{background-color:#ffffff1a!important}.server-selector{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);z-index:999;background:#0f172af2;border-radius:12px;flex-direction:column;width:250px;padding:15px;display:flex;position:absolute;top:70px;right:20px;box-shadow:-5px 5px 25px #000c}.server-selector-title{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.server-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.server-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #0000;border-radius:8px;padding:10px;font-family:inherit;font-weight:600;transition:background .2s}.server-btn:hover{background:#ffffff1a}.server-btn.active{background:var(--primary-color);border-color:var(--primary-color)}.shaka-spinner-container{display:none!important}@media (width<=768px){.mobile-only{display:flex}.sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #000c}.sidebar.open{transform:translate(0)}.mobile-header{border-bottom:1px solid var(--border-color);background:var(--bg-color);align-items:center;padding:12px 15px;display:flex}.mobile-header .btn-icon{margin-right:15px;font-size:1.5rem}.content-header{padding:15px 15px 10px}.content-header h2{font-size:1.2rem}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:15px;padding:10px 20px 20px}.card-logo-wrapper{height:70px;margin-bottom:12px;padding:5px}.channel-card .name{height:4.2em;font-size:.7rem}#player-view{display:block}.player-header{background:#111;padding:10px 15px;position:relative}.video-container{aspect-ratio:16/9;width:100%;height:auto}.btn-back{font-size:1.2rem}#player-title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.server-selector{width:220px;max-height:calc(100vh - 140px);padding:10px;top:50px;right:10px}}