:root{color:#f3efe5;background:#090b0d;font-family:Avenir Next,Avenir,Montserrat,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--screen: #090b0d;--surface: #10141a;--surface-soft: rgba(19, 24, 28, .82);--surface-raised: rgba(22, 27, 31, .92);--ink: #f3efe5;--muted: #9f9a8f;--quiet: rgba(243, 239, 229, .62);--line: rgba(243, 239, 229, .15);--line-strong: rgba(243, 239, 229, .26);--accent: #d7ff45;--accent-soft: rgba(215, 255, 69, .12);--signal: #52d6ff;--signal-soft: rgba(82, 214, 255, .13);--danger: #ff7d6e;--shell-gap: clamp(.75rem, 1.25vw, 1.15rem);--radius-panel: 28px;--radius-card: 20px;--radius-media: 24px;--radius-pill: 999px;--shadow-panel: 0 28px 80px rgba(4, 6, 8, .48);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 10%,rgba(82,214,255,.11),transparent 32rem),radial-gradient(circle at 76% 18%,rgba(215,255,69,.08),transparent 24rem),linear-gradient(145deg,#090b0d,#10141a 54%,#0a0d10)}button,select,input{font:inherit}button{border:1px solid var(--accent);border-radius:var(--radius-pill);padding:.65rem 1rem;color:#09100d;background:var(--accent);cursor:pointer;transition:border-color .18s var(--ease-out),background .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out)}button:hover:not(:disabled){transform:translateY(-1px)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button:disabled{border-color:var(--line);color:#f3efe55c;background:#f3efe50f;cursor:not-allowed}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--shell-gap);width:min(1480px,calc(100vw - (var(--shell-gap) * 2)));height:100dvh;margin:0 auto;overflow:hidden;padding:var(--shell-gap) 0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:3rem;border:1px solid var(--line);border-radius:var(--radius-pill);padding:.38rem .72rem;background:#090c0ec7;box-shadow:0 18px 50px #04060847;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button{display:inline-grid;flex:0 0 clamp(5.8rem,10vw,7.5rem);justify-content:start;place-items:center;border-color:transparent;padding:.1rem .25rem;background:transparent}.brand-logo{display:block;width:clamp(5.8rem,10vw,7.5rem);height:auto;object-fit:contain}.top-nav{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:center;gap:.25rem;min-width:0;overflow:visible}.top-nav-item{border-color:transparent;padding:.44rem .78rem;color:var(--muted);background:transparent;font-size:.84rem;letter-spacing:.01em}.top-nav-item:hover,.top-nav-item.is-active{border-color:#f3efe52e;color:var(--ink);background:#f3efe514}button.top-nav-item:hover:not(:disabled),button.top-nav-item.is-active{transform:none}.top-nav-item.is-active{border-color:#d7ff456b;background:var(--accent-soft)}.topbar-actions{display:flex;flex:0 1 clamp(13rem,22vw,19rem);align-items:center;gap:.45rem;justify-content:end;min-width:0}.session-chip{overflow:hidden;max-width:8.5rem;border:1px solid var(--line);border-radius:var(--radius-pill);padding:.5rem .72rem;color:var(--quiet);background:#f3efe50d;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.logout-button{border-color:#f3efe533;color:var(--muted);background:transparent;font-size:.8rem}.logout-button:hover{color:var(--ink);background:#f3efe514}.debug-console-toggle{display:inline-flex;align-items:center;gap:.45rem;border-color:#52d6ffad;color:var(--screen);background:var(--signal);box-shadow:0 14px 34px #0406086b;font-size:.75rem;font-weight:800;letter-spacing:.06em;min-height:2.75rem;padding-inline:.95rem .72rem;text-transform:uppercase}.debug-console-toggle strong{display:grid;min-width:1.35rem;height:1.35rem;place-items:center;border-radius:var(--radius-pill);color:var(--signal);background:#06080ae0;font-size:.72rem}.debug-console-toggle:hover{border-color:#f3efe57a;color:var(--screen)}.language-switcher{display:inline-flex;flex:0 0 auto;align-items:center;gap:.5rem;color:var(--muted);font-size:.8rem}.language-switcher select{border:1px solid var(--line);border-radius:var(--radius-pill);padding:.48rem .72rem;color:var(--ink);background:var(--surface)}.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-soft);box-shadow:var(--shadow-panel);padding:1.2rem}.login-shell{display:grid;min-height:100dvh;place-items:center;padding:clamp(1rem,4vw,3rem)}.login-panel{width:min(100%,31rem);border:1px solid var(--line);border-radius:34px;padding:clamp(1.2rem,4vw,2.2rem);background:radial-gradient(circle at 84% 14%,rgba(215,255,69,.12),transparent 14rem),linear-gradient(145deg,#10141af5,#090c0eeb);box-shadow:var(--shadow-panel)}.login-panel.is-checking{display:grid;gap:.85rem;text-align:center}.login-panel.is-checking p{margin:0;color:var(--quiet)}.login-brand-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.login-logo{width:clamp(6.8rem,34vw,9.5rem);height:auto}.login-copy{display:grid;gap:.75rem;margin-block:clamp(1.5rem,5vw,2.5rem)}.login-copy h1{max-width:11ch;margin:0;font-size:clamp(2rem,10vw,4.25rem);line-height:.92;letter-spacing:-.08em}.login-copy p{max-width:34rem;margin:0;color:var(--quiet);line-height:1.6}.login-form{display:grid;gap:.82rem}.login-form label{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.login-form input{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.88rem 1rem;color:var(--ink);background:#090c0ee6}.login-form input::placeholder{color:#f3efe561}.login-form button{justify-self:start;min-width:9rem;margin-top:.18rem}.login-error{margin:0;color:var(--danger);font-size:.88rem}.login-note{margin:1.3rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.section-kicker{color:var(--signal);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.home-surface{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(1rem,3vw,3rem);min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:34px;padding:clamp(1.25rem,3vw,3rem);background:linear-gradient(120deg,#090c0ef5,#10141ac7),radial-gradient(circle at 82% 20%,rgba(215,255,69,.14),transparent 22rem),radial-gradient(circle at 64% 74%,rgba(82,214,255,.13),transparent 26rem);box-shadow:var(--shadow-panel)}.home-surface:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(243,239,229,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(243,239,229,.04) 1px,transparent 1px);background-size:44px 44px;content:"";-webkit-mask-image:radial-gradient(circle at 72% 44%,#090b0d 0%,transparent 64%);mask-image:radial-gradient(circle at 72% 44%,#090b0d 0%,transparent 64%);pointer-events:none}.home-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-ambient span{position:absolute;display:block;border:1px solid rgba(243,239,229,.08);border-radius:var(--radius-pill);transform:rotate(-18deg)}.home-ambient span:nth-child(1){right:-8rem;top:-7rem;width:30rem;height:16rem}.home-ambient span:nth-child(2){right:18%;bottom:6%;width:20rem;height:8rem}.home-ambient span:nth-child(3){left:38%;top:12%;width:12rem;height:4rem;border-color:#52d6ff1f}.home-copy{position:relative;z-index:1;display:grid;align-content:center;gap:1rem;max-width:46rem}.home-copy h1{max-width:13ch;margin:0;color:var(--ink);font-size:clamp(3rem,8vw,6.8rem);line-height:.86;letter-spacing:-.075em}.home-copy p{max-width:62ch;margin:0;color:var(--quiet);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55}.home-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.8rem}.home-actions span{color:var(--muted)}.primary-action{padding:.82rem 1.15rem;font-weight:700}.home-signal-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.45rem}.home-signal-board>div{display:grid;gap:.32rem;border:1px solid var(--line);border-radius:18px;padding:.82rem;background:#f3efe50e}.home-signal-board strong{color:var(--ink);font-size:clamp(1.25rem,2vw,1.8rem);line-height:1}.home-signal-board span{color:var(--muted);font-size:.78rem}.home-icon{width:1.15rem;height:1.15rem;fill:none;stroke:var(--signal);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.home-stage{position:relative;z-index:1;display:grid;align-content:center;gap:1rem;min-width:0}.home-player-card{border:1px solid rgba(243,239,229,.14);border-radius:30px;padding:.65rem;background:#06080a8a;box-shadow:0 24px 70px #0406086b}.player-panel.is-home{grid-template-rows:auto minmax(16rem,42vh) auto}.player-panel.is-home .player-heading{margin:0 0 .65rem;padding:0 .35rem}.player-panel.is-home .player-controls{margin:.65rem .35rem 0}.video-frame.is-clickable{cursor:pointer}.video-frame.is-clickable:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.home-channel-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.home-channel-group{display:grid;gap:.58rem;min-width:0;border:1px solid var(--line);border-radius:20px;padding:.72rem;background:#f3efe50b}.home-channel-group-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem;align-items:center;color:var(--quiet);font-size:.78rem}.home-channel-group-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-channel-group-heading strong{color:var(--accent)}.home-logo-strip{display:flex;min-width:0;gap:.28rem}.home-logo-chip{position:relative;display:grid;place-items:center;width:2.25rem;height:2.25rem;overflow:hidden;border:1px solid rgba(243,239,229,.12);border-radius:12px;background:#080c0eb8}.home-logo-chip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:.24rem;background:#f3efe5f0}.cinema-preview{display:grid;align-content:center;gap:1rem;min-width:0}.cinema-screen{display:grid;align-content:end;min-height:min(44vh,28rem);border:1px solid rgba(243,239,229,.13);border-radius:30px;padding:1.25rem;background:radial-gradient(circle at 78% 24%,rgba(82,214,255,.18),transparent 17rem),linear-gradient(145deg,#151a20,#080a0c);box-shadow:inset 0 0 0 1px #f3efe50a}.cinema-screen span{width:fit-content;border:1px solid rgba(215,255,69,.54);border-radius:var(--radius-pill);padding:.32rem .65rem;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.cinema-screen strong{margin-top:.6rem;color:var(--ink);font-size:clamp(1.6rem,4vw,3rem)}.poster-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.poster-row span{min-height:5.4rem;border:1px solid var(--line);border-radius:18px;padding:.75rem;color:var(--quiet);background:#f3efe50b}.watch-workspace{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.55fr);gap:1rem;min-width:0;min-height:0;overflow:hidden}.channel-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;overflow:hidden}.channel-panel-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.channel-panel-heading h2{margin:.15rem 0 0;font-size:1.35rem;line-height:1.05}.channel-panel-heading p{max-width:28ch;margin:.35rem 0 0;color:var(--muted);line-height:1.35}.channel-panel-heading strong{color:var(--accent);font-size:1.65rem;line-height:1}.channel-tools{display:grid;gap:.55rem;margin-bottom:1rem}.channel-tools label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.channel-tools input{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.72rem .9rem;color:var(--ink);background:#090c0ebd}.channel-tools input::placeholder{color:#f3efe561}.channel-tools p{margin:0;color:var(--quiet);font-size:.82rem;line-height:1.4}.channel-grid{display:grid;align-content:start;gap:.62rem;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:.45rem;scrollbar-color:rgba(243,239,229,.34) rgba(243,239,229,.06);scrollbar-width:thin}.channel-grid::-webkit-scrollbar,.debug-console-panel ol::-webkit-scrollbar{width:.55rem}.channel-grid::-webkit-scrollbar-track,.debug-console-panel ol::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:#f3efe50f}.channel-grid::-webkit-scrollbar-thumb,.debug-console-panel ol::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#f3efe557}.channel-card{display:flex;width:100%;min-width:0;justify-content:start;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius-card);padding:.72rem;color:var(--ink);background:#f3efe50a;text-align:left}.channel-card:hover{border-color:var(--line-strong);background:#f3efe513}.channel-card.is-active{border-color:#52d6ffa3;background:var(--signal-soft)}.channel-skeleton{pointer-events:none}.channel-skeleton .channel-logo,.channel-skeleton .channel-copy span,.channel-skeleton .channel-copy strong{position:relative;overflow:hidden;border-color:transparent;background:#f3efe514}.channel-skeleton .channel-copy span{width:3.5rem;height:.72rem;border-radius:var(--radius-pill)}.channel-skeleton .channel-copy strong{width:min(11rem,80%);height:1rem;border-radius:var(--radius-pill)}.channel-skeleton .channel-logo:after,.channel-skeleton .channel-copy span:after,.channel-skeleton .channel-copy strong:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(243,239,229,.12),transparent);content:"";transform:translate(-100%);animation:skeleton-sweep 1.4s var(--ease-out) infinite}.channel-logo{position:relative;display:grid;flex:0 0 auto;place-items:center;width:3.1rem;height:3.1rem;overflow:hidden;border:1px solid rgba(243,239,229,.12);border-radius:16px;background:#080c0eb8}.channel-logo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:.35rem;background:#f3efe5f0}.channel-logo-fallback{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em}.channel-copy{display:grid;flex:1 1 auto;min-width:0;gap:.18rem}.channel-copy strong{overflow:hidden;color:var(--ink);line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.channel-number{color:var(--signal);font-size:.82rem;letter-spacing:.16em}.channel-play-indicator{flex:0 0 auto;margin-left:auto;color:var(--muted);font-size:.75rem;text-transform:uppercase}.channel-empty-state{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:18px;padding:1rem;color:var(--muted);background:#f3efe50a}.channel-empty-state.is-error{border-color:#ff7d6e5c;background:#ff7d6e14}.channel-empty-state button{justify-self:start;margin-top:.35rem}.channel-empty-state span{color:var(--ink);font-weight:700}.channel-empty-state p{margin:0}.playback-suite{display:grid;min-height:0;overflow:hidden}.player-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.player-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem;color:var(--muted)}.player-heading div{display:grid;gap:.25rem}.player-heading strong{color:var(--ink);font-size:clamp(1.2rem,2vw,1.8rem)}.live-badge{border:1px solid rgba(215,255,69,.58);border-radius:var(--radius-pill);padding:.32rem .62rem;color:var(--accent);background:#d7ff450f;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.video-frame{position:relative;display:grid;min-height:0;overflow:hidden;border:1px solid rgba(243,239,229,.12);border-radius:var(--radius-media);background:#080a0c}.video-surface{display:block;width:100%;height:100%;min-height:0;max-height:100%;background:#080a0c;object-fit:contain}.video-idle-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-content:center;gap:.6rem;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 36%,rgba(82,214,255,.12),transparent 16rem),#080a0c}.video-idle-state strong{color:var(--ink);font-size:clamp(1.4rem,3vw,2.4rem)}.video-idle-state p{max-width:44ch;margin:0 auto;color:var(--muted);line-height:1.45}.player-spinner{position:absolute;top:1rem;right:1rem;z-index:2;width:2rem;height:2rem;border:2px solid rgba(243,239,229,.22);border-top-color:var(--accent);border-radius:var(--radius-pill);animation:spin .9s linear infinite}.player-overlay-button{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);box-shadow:0 18px 42px #0406086b}.player-overlay-button:hover{transform:translate(-50%,calc(-50% - 1px))}.player-error-state{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:4;display:grid;place-content:center;justify-items:center;gap:.7rem;border:1px solid rgba(255,125,110,.34);border-radius:calc(var(--radius-media) - 8px);padding:1rem;text-align:center;background:radial-gradient(circle at 50% 28%,rgba(255,125,110,.16),transparent 16rem),#080a0ce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-error-state span{color:var(--ink);font-weight:800}.player-error-state p{max-width:34ch;margin:0;color:var(--quiet);line-height:1.45}.player-error-state button{border-color:#ff7d6eb8;color:var(--ink);background:#ff7d6e2e}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.player-status{color:var(--muted)}.player-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-sweep{to{transform:translate(100%)}}.coming-soon{display:grid;align-content:center;gap:.8rem;min-height:0;overflow:hidden}.coming-soon h1{max-width:14ch;margin:0;color:var(--ink);font-size:clamp(2.6rem,7vw,5.5rem);line-height:.92;letter-spacing:-.06em}.coming-soon p{max-width:60ch;margin:0;color:var(--quiet);line-height:1.55}.debug-console{position:fixed;left:clamp(.85rem,2vw,1.75rem);bottom:clamp(1rem,2vw,1.75rem);z-index:20;display:grid;justify-items:start;gap:.55rem;pointer-events:none}.debug-console-toggle,.debug-console-panel{pointer-events:auto}.debug-console-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(46rem,calc(100vw - 1.7rem));height:min(18rem,calc(100vh - 6rem));border:1px solid rgba(82,214,255,.28);border-radius:22px;background:#06080af0;box-shadow:0 24px 90px #04060894;overflow:hidden}.debug-console-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(82,214,255,.18);padding:.95rem 1rem}.debug-console-heading h2{margin:.2rem 0 0;color:var(--ink);font-size:1rem}.debug-console-actions{display:flex;align-items:center;justify-content:end;gap:.65rem}.debug-console-actions>span{color:var(--muted);font-size:.76rem}.debug-console-actions button{border-color:#f3efe52e;padding:.42rem .72rem;color:var(--quiet);background:#f3efe50f;font-size:.74rem}.debug-console-panel ol{display:grid;align-content:start;gap:.1rem;min-height:0;margin:0;overflow:auto;overscroll-behavior:contain;padding:.7rem 1rem 1rem;list-style:none}.debug-console-panel li{display:grid;grid-template-columns:5.2rem 3.2rem minmax(0,1fr);gap:.6rem;align-items:baseline;border-radius:10px;padding:.35rem .4rem;color:var(--quiet);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.debug-console-panel li:hover{background:#52d6ff0f}.debug-console-time{color:#f3efe575}.debug-console-type{color:var(--signal);font-weight:700}.debug-console-type.is-security{color:var(--accent)}.debug-console-type.is-playback,.debug-console-type.is-player{color:#f3efe5}.debug-console-panel code{overflow:hidden;color:var(--quiet);text-overflow:ellipsis;white-space:nowrap}.debug-console-empty{grid-template-columns:1fr!important}@media(max-width:920px){.topbar{align-items:stretch;border-radius:24px;flex-wrap:wrap}.brand-logo{width:6.1rem}.top-nav{justify-content:start;order:3;width:100%}.top-nav-item{padding:.4rem .62rem;font-size:.78rem}.topbar-actions{margin-left:auto;flex-basis:auto}.brand-button{flex-basis:auto}.home-surface,.watch-workspace{grid-template-columns:1fr}.home-surface{overflow:auto}.cinema-preview{min-height:24rem}.home-channel-categories,.home-signal-board{grid-template-columns:1fr}.watch-workspace{grid-template-rows:minmax(12rem,.42fr) minmax(0,1fr)}.player-controls{align-items:stretch;flex-direction:column}.player-buttons{justify-content:start}}@media(max-width:620px){.language-switcher span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.poster-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-channel-categories{grid-template-columns:1fr}.debug-console-panel li{grid-template-columns:4.8rem minmax(0,1fr)}.debug-console-panel{height:min(20rem,calc(100dvh - 6.5rem))}.debug-console-actions{align-items:end;flex-direction:column;gap:.4rem}.debug-console-type{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}