@font-face{font-family:Josefin Sans;src:url(/fonts/JosefinSans-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Josefin Sans,Arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home{min-height:100vh;background:#000;padding:2rem;position:relative;overflow:hidden}.home.tv-mode{padding:2.5rem}.home.tv-mode .channel-instruction{font-size:1.05rem;opacity:.85}.home-bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.25;z-index:0;pointer-events:none}.home-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.home h1{font-size:4rem;font-weight:700;margin-bottom:3rem;letter-spacing:-.02em;display:flex;align-items:center;gap:1.5rem}.title-main{font-weight:700;font-size:4rem;letter-spacing:.05em}.title-logo{height:3.5rem;width:auto}.channel-heading{font-size:2rem;font-weight:500;margin-bottom:1rem;letter-spacing:.02em;text-transform:uppercase}.channel-instruction{font-size:1rem;opacity:.7;margin-bottom:.5rem}.scroll-hint{font-size:.9rem;opacity:.6;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.scroll-hint svg{animation:slideRight 1.5s ease-in-out infinite}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(8px)}}@media(min-width:769px){.scroll-hint{display:none}}.player-fixed-section{position:relative;margin:3rem 0}.video-wrapper{position:relative;width:100%;max-width:1400px;aspect-ratio:16/9;background:#000;border-radius:.5rem;overflow:hidden;margin:0 auto 2rem}.player-fixed-section .channel-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.08em}.fixed-logo{position:absolute;bottom:1rem;right:1rem;width:120px;z-index:100;pointer-events:none;opacity:.9}@media(min-width:769px){.fixed-logo{width:120px;bottom:1.5rem;right:1.5rem}}@media(max-width:768px)and (orientation:landscape){.fixed-logo{width:70px;bottom:1rem;right:1rem}}@media(max-width:768px)and (orientation:portrait){.fixed-logo{width:70px!important;bottom:1rem!important;right:1rem!important}}@media(max-width:480px)and (orientation:portrait){.fixed-logo{width:60px!important;bottom:1rem!important;right:1rem!important}}.channel-nav-buttons{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:row;gap:.75rem;z-index:100;opacity:1;transition:opacity .3s ease}.channel-nav-buttons.hidden{opacity:0;pointer-events:none}.channel-nav-buttons.visible{opacity:1;pointer-events:auto}.channel-change-prompt{position:absolute;top:1rem;right:8.75rem;z-index:101;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:0;transition:opacity .6s ease;pointer-events:none;background:#00000059;padding:.35rem .6rem;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}.channel-change-prompt.visible,.channel-change-prompt.show{opacity:.85}.channel-change-prompt.hidden{opacity:0}.prev-channel-button,.next-channel-button{width:3.5rem;height:3.5rem;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;margin:0;padding:0}.prev-channel-button:hover,.next-channel-button:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.prev-channel-button:active,.next-channel-button:active{transform:scale(.95)}@media(max-width:768px){.channel-nav-buttons{gap:.5rem}.prev-channel-button,.next-channel-button{width:2.75rem;height:2.75rem}.prev-channel-button svg,.next-channel-button svg{width:20px;height:20px}.channel-change-prompt{right:7.25rem;font-size:11px;padding:.3rem .55rem}}@media(max-width:480px){.channel-nav-buttons{gap:.4rem}.prev-channel-button,.next-channel-button{width:2.5rem;height:2.5rem}.channel-change-prompt{right:6.8rem}}.channel-rows-container{position:relative}.channel-rows{display:flex;flex-direction:row;gap:1.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:1rem;scroll-behavior:smooth;position:relative}.channel-rows-container:after{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(to left,rgba(0,0,0,.9),transparent);pointer-events:none;z-index:2}@media(min-width:1400px){.channel-rows-container:after{display:none}}.channel-wrapper{flex-shrink:0;width:400px;position:relative}.channel-wrapper.is-focused .channel-card{outline:4px solid rgba(255,255,255,.85);outline-offset:6px;transform:scale(1.03)}.channel-card{width:100%;height:225px;min-height:200px;position:relative;aspect-ratio:16/9;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:transform .2s;border:2px solid transparent;padding:0;background:#111}.channel-thumb{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;opacity:1;transition:opacity .2s ease}.channel-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .2s ease;pointer-events:none;display:block}.channel-gradient{position:absolute;inset:0;background:linear-gradient(to top,#00000080,#0003);z-index:3}.channel-content{position:absolute;inset:0;display:flex;align-items:flex-end;padding:3rem;z-index:4}.channel-name{font-size:3rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#f2f2f2}.channel-hover{position:absolute;inset:0;background:#fff0;transition:background .2s;z-index:6;pointer-events:none}.channel-card:hover{transform:scale(1.05)}.channel-card:hover .channel-hover{background:#ffffff1a}.channel-card.is-previewing .channel-video-bg,.channel-card.is-playing .channel-video-bg{opacity:1}.channel-card.is-previewing .channel-thumb,.channel-card.is-playing .channel-thumb{opacity:0}.channel-stats{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.75rem;z-index:7}.stat-item{display:flex;align-items:center;gap:.35rem;background:#000000b3;padding:.35rem .6rem;border-radius:1rem;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.live-indicator{display:flex;align-items:center;gap:.4rem}.live-dot{width:8px;height:8px;background:red;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.like-button{display:flex;align-items:center;gap:.35rem;background:#000000b3;padding:.35rem .6rem;border-radius:1rem;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .2s;pointer-events:auto}.like-button:hover{background:#ffffff26;transform:scale(1.05)}.like-button.liked{color:#ff4458;border-color:#ff44584d}.default-badge,.playing-badge{position:absolute;top:.5rem;right:.5rem;background:#ffd700e6;color:#000;padding:.25rem .75rem;border-radius:.25rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;z-index:10}.playing-badge{background:#ff0000e6;color:#fff}.channel-wrapper.is-default .channel-card{border:2px solid rgba(255,215,0,.6)}.channel-wrapper.is-playing .channel-card{border:2px solid rgba(255,0,0,.8)}.channel-card:focus{outline:2px solid white;outline-offset:4px}@media(max-width:768px)and (orientation:landscape){.channel-wrapper{width:550px!important}.channel-card{height:309px!important}.channel-rows{gap:1rem}.channel-stats{gap:.5rem}.stat-item,.like-button{font-size:.75rem;padding:.3rem .5rem}}@media(max-width:768px)and (orientation:portrait){.channel-wrapper{width:450px!important}.channel-card{height:230px!important}.channel-rows{gap:1rem}.channel-stats{gap:.5rem}.stat-item,.like-button{font-size:.75rem;padding:.3rem .5rem}}@media(max-width:480px)and (orientation:portrait){.channel-wrapper{width:320px!important}.channel-card{height:215px!important}}.channel-rows::-webkit-scrollbar{height:8px}.channel-rows::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.channel-rows::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.channel-rows::-webkit-scrollbar-thumb:hover{background:#ffffff80}.player-fixed-section .controls{display:flex;align-items:flex-start;justify-content:center;gap:2rem;margin-bottom:2rem}.control-item{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:72px}.control-button{width:4rem;height:4rem;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.control-icon{display:flex;align-items:center;justify-content:center;line-height:0}.control-button svg{display:block}.control-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap}@media(max-width:768px){.player-fixed-section .controls{gap:1.25rem}.control-button{width:3.25rem;padding:.7rem .75rem}.control-label{font-size:10px}}.embed-section{margin-top:4rem;padding:2rem;text-align:center}.embed-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2rem;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s}.embed-button:hover{background:#fff3}.embed-display{margin-top:1.5rem;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.embed-code{background:#000c;padding:1rem;border-radius:.25rem;overflow-x:auto;font-size:.875rem;color:#0f0;margin-bottom:1rem}.copy-button{background:#0f03;border:1px solid rgba(0,255,0,.5);color:#fff;padding:.5rem 1.5rem;border-radius:.25rem;cursor:pointer;font-size:.9rem;transition:background .2s}.copy-button:hover{background:#00ff004d}.cast-overlay{position:fixed;inset:0;background:#000c;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cast-info{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:2.5rem;border-radius:1.5rem;border:2px solid rgba(255,255,255,.1);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;z-index:1000;box-shadow:0 20px 60px #00000080}.cast-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;font-size:2rem;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.cast-close:hover{background:#fff3}.cast-info h3{font-size:2rem;margin-bottom:2rem;text-align:center;letter-spacing:.02em}.cast-instructions{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.cast-device{background:#ffffff0d;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.cast-device h4{font-size:1.25rem;margin-bottom:1rem;color:#60a5fa;font-weight:600}.cast-device ol{margin-left:1.5rem;line-height:1.8}.cast-device li{margin-bottom:.5rem;font-size:.95rem}.cast-tip{text-align:center;font-size:.9rem;color:#ffffffb3;background:#60a5fa1a;padding:1rem;border-radius:.5rem;border:1px solid rgba(96,165,250,.2)}@media(max-width:768px){.home h1{font-size:2.5rem;gap:1rem}.title-main{font-size:2.5rem}.title-logo{height:2rem}.channel-heading,.channel-name{font-size:1.5rem}.channel-content{padding:2rem}.player-fixed-section .channel-title{font-size:1.5rem}.cast-info{padding:2rem 1.5rem;max-height:85vh}.cast-info h3{font-size:1.5rem;margin-bottom:1.5rem}.cast-device{padding:1rem}.cast-device h4{font-size:1.1rem}.cast-device ol{margin-left:1rem}.cast-device li{font-size:.875rem}}.home.tv-mode .player-fixed-section{margin:1.75rem 0 1.25rem}.home.tv-mode .video-wrapper{width:100%;max-width:1800px;margin:0 auto 1.25rem;position:relative;overflow:hidden;border-radius:.75rem}.home.tv-mode .fixed-logo{position:absolute;bottom:.9rem;right:.9rem;width:110px;z-index:200;pointer-events:none;opacity:.95}.home.tv-mode .channel-wrapper{width:300px}.home.tv-mode .channel-card{height:170px;min-height:170px}.home.tv-mode .channel-content{padding:1.75rem}.home.tv-mode .channel-name{font-size:2.1rem}.home.tv-mode .channel-rows{gap:1rem}