@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#f43f5e;--primary-hover:#e11d48;--bg-dark:#0f172a;--bg-darker:#020617;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--danger:#ef4444;--accent:#3b82f6;--success:#10b981;--space-xs:clamp(.25rem, .5vw, .5rem);--space-sm:clamp(.5rem, 1vw, .75rem);--space-md:clamp(.75rem, 1.5vw, 1.25rem);--space-lg:clamp(1rem, 2.5vw, 2rem);--space-xl:clamp(1.5rem, 3vw, 3rem)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg-darker);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle,#1e40af26,#0000 50%),radial-gradient(circle at 80% 20%,#e11d481a,#0000 30%);width:200%;height:200%;animation:15s ease-in-out infinite alternate pulse;position:fixed;top:-50%;left:-50%}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);z-index:50;background:#020617cc;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.brand{-webkit-text-fill-color:transparent;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fff 0%,#f43f5e 100%);-webkit-background-clip:text;background-clip:text;flex-shrink:0;align-items:center;gap:.4rem;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;display:flex}.navbar-subtitle{color:var(--text-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.7rem,1.8vw,.9rem);line-height:1.3;overflow:hidden}.main-content{padding:var(--space-lg);flex:1;width:100%;max-width:1400px;margin:0 auto}.section-heading{margin-bottom:var(--space-md);padding:0 var(--space-xs);align-items:center;gap:.6rem;display:flex}.section-heading h2{color:#fff;margin:0;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600}.section-heading .count-badge{color:var(--text-muted);font-size:clamp(.7rem,1.5vw,.8rem)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);padding:var(--space-md);border-radius:clamp(10px,2vw,16px);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative;overflow:hidden}.glass-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.live-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));display:grid}.stream-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:var(--space-sm);background:#1e293b;border-radius:8px}.stream-info{flex-direction:column;gap:.2rem;display:flex}.stream-title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.85rem,2vw,1.1rem);font-weight:600;line-height:1.4;overflow:hidden}.stream-username{color:var(--text-muted);align-items:center;gap:.4rem;font-size:clamp(.75rem,1.8vw,.9rem);display:flex}.live-badge{background:var(--danger);color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:clamp(.6rem,1.5vw,.75rem);font-weight:700;animation:2s infinite pulse-badge;display:inline-flex}@keyframes pulse-badge{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:clamp(.8rem,2vw,.95rem);font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #f43f5e4d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-glass{color:#fff;border:1px solid var(--glass-border);background:#ffffff1a}.btn-glass:hover{background:#ffffff26}.input-glass{border:1px solid var(--glass-border);color:#fff;background:#0f172a99;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-glass:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #f43f5e33}.input-glass::placeholder{color:var(--text-muted)}.player-container{border:1px solid var(--glass-border);background:#000;border-radius:clamp(8px,2vw,16px);width:100%;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.video-wrapper{width:100%;padding-top:56.25%;position:relative}.video-wrapper video{width:100%;height:100%;position:absolute;top:0;left:0}.player-header{padding:var(--space-md);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.player-header .header-info{flex:1;min-width:0;margin-right:.5rem}.player-header h2{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:clamp(.85rem,2.5vw,1.25rem);overflow:hidden}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{width:clamp(40px,8vw,64px);height:clamp(40px,8vw,64px);margin-bottom:var(--space-md);opacity:.5}.empty-state h2{margin-bottom:.3rem;font-size:clamp(1rem,3vw,1.3rem)}.empty-state p{max-width:400px;font-size:clamp(.8rem,2vw,1rem);line-height:1.5}.loader{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.setup-wizard{max-width:600px;margin:var(--space-xl) auto}.setup-wizard .glass-card{padding:var(--space-xl)}.recent-card{min-width:clamp(240px,75vw,320px)!important;max-width:clamp(260px,80vw,350px)!important}.recent-card h3{font-size:clamp(.85rem,2.5vw,1.1rem)!important}.recent-card .stat-text{font-size:clamp(.75rem,2vw,.85rem)}.schedule-card{width:calc(33.33% - .67rem);min-width:220px}.schedule-scroll::-webkit-scrollbar{height:4px}.schedule-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.schedule-scroll::-webkit-scrollbar-track{background:0 0}.countdown-text{color:#fff;letter-spacing:.5px;font-family:Inter,monospace;font-weight:700;font-size:clamp(1.1rem,5vw,2.5rem)!important}.preview-overlay-title{color:var(--primary);padding:0 10px;font-weight:700;margin-bottom:clamp(.8rem,2.5vw,1.5rem)!important;font-size:clamp(1rem,3.5vw,1.5rem)!important}.preview-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:500px;margin:0 auto;padding:clamp(.6rem,2.5vw,1.5rem) clamp(.8rem,3.5vw,2.5rem)!important}.player-outer-wrapper{background:var(--glass-bg);border:1px solid #ffffff0d;border-radius:12px;flex-direction:row;gap:.75rem;width:100%;padding:.5rem;display:flex}.chat-sidebar{background:#0f1015;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex-shrink:0;width:280px;min-width:200px;max-width:320px;height:0;min-height:100%;display:flex;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;padding:var(--space-md);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#181b21;border:1px solid #ffffff1a;border-radius:clamp(12px,2vw,16px);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.modal-content .stat-box{background:#ffffff0d;border-radius:10px;flex:1;min-width:0;padding:clamp(.6rem,2vw,.9rem)}.modal-content .stat-label{color:var(--text-muted);margin-bottom:4px;font-size:clamp(.65rem,1.5vw,.8rem)}.modal-content .stat-value{color:#fff;word-break:break-word;font-size:clamp(.85rem,2vw,1.1rem);font-weight:600}.horizontal-scroll{gap:var(--space-md);padding:0 var(--space-xs) var(--space-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{height:4px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.horizontal-scroll::-webkit-scrollbar-track{background:0 0}@media (width<=1024px){.schedule-card{width:calc(50% - .5rem);min-width:200px}}@media (width<=768px){.navbar{padding:.6rem .8rem}.main-content{padding:.8rem .5rem}.live-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,45%),1fr));gap:.6rem}.glass-card{border-radius:10px;padding:.6rem}.glass-card:hover{transform:translateY(-2px)}.player-header{padding:.5rem .6rem!important}.player-outer-wrapper{background:0 0;border:none;border-radius:8px;flex-direction:column;gap:0;padding:0}.player-container{border-radius:8px!important;max-width:100%!important}.chat-sidebar{margin-top:-4px;border-radius:0 0 8px 8px!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:280px!important;min-height:250px!important}.schedule-card{width:72vw;min-width:180px}.recent-card{min-width:clamp(220px,72vw,300px)!important;max-width:clamp(240px,78vw,320px)!important}.multiview-grid{grid-template-columns:1fr!important}}@media (width<=480px){.live-grid{grid-template-columns:1fr 1fr;gap:.5rem}.chat-sidebar{height:240px!important;min-height:200px!important}.recent-card{min-width:clamp(200px,68vw,280px)!important;max-width:clamp(220px,75vw,300px)!important}.schedule-card{width:78vw}.modal-content{border-radius:12px;max-height:85vh}.glass-card .live-badge{padding:.15rem .4rem;font-size:.6rem}}@media (width<=360px){.live-grid{grid-template-columns:1fr 1fr;gap:.4rem}.glass-card{padding:.4rem}.stream-title{font-size:.8rem}}:-webkit-any(.player-container:-webkit-full-screen,.player-container:fullscreen){z-index:99999!important;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}:is(.player-container:fullscreen,.player-container:fullscreen){z-index:99999!important;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}:-webkit-any(.player-container:-webkit-full-screen .video-wrapper,.player-container:fullscreen .video-wrapper){height:100vh!important;padding-top:0!important}:is(.player-container:fullscreen .video-wrapper,.player-container:fullscreen .video-wrapper){height:100vh!important;padding-top:0!important}:-webkit-any(.player-container:-webkit-full-screen .video-wrapper video,.player-container:fullscreen .video-wrapper video){object-fit:contain!important;width:100%!important;height:100%!important;position:relative!important}:is(.player-container:fullscreen .video-wrapper video,.player-container:fullscreen .video-wrapper video){object-fit:contain!important;width:100%!important;height:100%!important;position:relative!important}@media (width<=768px){.player-container:-webkit-full-screen .video-wrapper video{object-fit:cover!important}.player-container:fullscreen .video-wrapper video{object-fit:cover!important}video:-webkit-full-screen{object-fit:cover!important}video:fullscreen{object-fit:cover!important}}:-webkit-any(.player-container:-webkit-full-screen .player-header,.player-container:fullscreen .player-header){display:none!important}:is(.player-container:fullscreen .player-header,.player-container:fullscreen .player-header){display:none!important}