body,html{margin:0;padding:0;width:100vw;height:100vh;background-color:#000;color:var(--color-text-primary);font-family:Roboto,sans-serif;overflow:hidden}@media(orientation:portrait){#app-container{transform:translate(-50%,-50%) rotate(90deg)!important}}#app-container{position:absolute;top:50%;left:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(.1);transform-origin:center center;background:var(--color-bg-app);z-index:10;overflow:hidden;opacity:0;transition:opacity .3s}.app-ready #app-container{opacity:1}:root{--focus-row-top: 590px;--color-bg-body: #111;--color-bg-app: rgba(0, 0, 0, .7);--color-text-primary: #fff;--color-text-secondary: #aaa;--color-text-tertiary: #555;--color-text-meta: #888;--color-text-desc: #bbb;--color-bg-card: rgba(45, 49, 53, .75);--color-bg-card-program: rgba(45, 49, 53, .2);--color-bg-card-active: rgba(255, 255, 255, .9);--color-border-card-active: rgba(255, 255, 255, .9);--color-text-card-active: #181C20;--color-date-header: #009EE3;--color-ch-number: #2D3135;--color-ch-shadow: rgba(255, 255, 255, .5);--color-ch-logo-active-bg: #000;--color-progress-bg: #000;--color-progress-fill: #00aaff;--color-play-icon: rgba(255, 255, 255, .8);--color-btn-bg: rgba(45, 49, 53, .2);--color-btn-text: #fff;--color-btn-active-bg: rgba(255, 255, 255, .9);--color-btn-active-text: #181C20;--color-btn-active-border: rgba(255, 255, 255, .9)}.list-zone{position:absolute;left:0;width:100%;display:flex;flex-direction:column;pointer-events:none}.list-zone-above{bottom:calc(100% - var(--focus-row-top) + 90px);margin-bottom:0;justify-content:flex-end;overflow:hidden;height:540px}.list-zone-below{top:calc(var(--focus-row-top) + 120px);margin-top:0;justify-content:flex-start;overflow:hidden;height:540px}.inactive-zone .list-item{opacity:0;transition:opacity .2s}.inactive-zone .sticky-date-header{opacity:1!important}.zone-col{position:absolute;display:flex;flex-direction:column}#zone-genre-above,#zone-genre-below,#focus-genre{left:100px;width:220px;transition:width .3s cubic-bezier(.25,.46,.45,.94)}#zone-channel-above,#zone-channel-below{left:620px;width:400px;transition:left .3s cubic-bezier(.25,.46,.45,.94),width .3s cubic-bezier(.25,.46,.45,.94)}#focus-channel{transition:left .3s cubic-bezier(.25,.46,.45,.94),width .3s cubic-bezier(.25,.46,.45,.94)}.state-genre #zone-genre-above,.state-genre #zone-genre-below,.state-genre #focus-genre{width:400px}.state-genre #zone-channel-above,.state-genre #zone-channel-below{left:800px;width:220px}.state-genre #focus-channel{left:530px;width:220px}.state-date #zone-channel-above,.state-date #zone-channel-below,.state-programs #zone-channel-above,.state-programs #zone-channel-below,.state-date #focus-channel,.state-programs #focus-channel{left:350px;width:220px}.state-date #zone-programs-above,.state-date #zone-programs-below,.state-date #focus-programs,.state-programs #zone-programs-above,.state-programs #zone-programs-below,.state-programs #focus-programs{left:730px;transition:left .3s cubic-bezier(.25,.46,.45,.94)}.state-programs #focus-programs.active-col{left:750px}.state-date #zone-date-above,.state-date #zone-date-below,.state-date #focus-date,.state-programs #zone-date-above,.state-programs #zone-date-below,.state-programs #focus-date{left:590px}#zone-date-above,#zone-date-below,#focus-date{left:780px;width:120px;opacity:0;transition:opacity .3s,right .3s cubic-bezier(.25,.46,.45,.94)}.state-date #zone-date-above,.state-date #zone-date-below,.state-date #focus-date,.state-programs #zone-date-above,.state-programs #zone-date-below,.state-programs #focus-date{opacity:1}.state-programs #zone-date-above,.state-programs #zone-date-below,.state-programs #focus-date{transition-delay:.2s}#zone-programs-above,#zone-programs-below{left:780px;width:900px}.state-programs #zone-programs-below{position:relative;top:80px;transition:top .3s}.list-item{height:90px;display:flex;align-items:center;color:var(--color-text-tertiary);font-size:32px;padding-left:20px;box-sizing:border-box;white-space:nowrap;opacity:.7}#zone-channel-above .list-item,#zone-channel-below .list-item{padding-left:0;gap:15px}#zone-date-above .list-item,#zone-date-below .list-item{padding-left:0;justify-content:center}#zone-programs-above .list-item,#zone-programs-below .list-item{gap:100px;opacity:.7!important}.simple-ch-num{width:40px;text-align:right}.simple-ch-logo{font-size:24px}.focus-row{position:absolute;top:var(--focus-row-top);left:0;width:100%;height:180px;transform:translateY(-50%);z-index:10;display:flex;align-items:center;pointer-events:none}.focus-card{position:absolute;height:180px;background:var(--color-bg-card);color:var(--color-text-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s,background-color .2s;overflow:hidden}.focus-card.active-col{background:var(--color-bg-card-active);color:var(--color-text-card-active);border:5px solid var(--color-border-card-active);transform:scale(1.05);z-index:20}#focus-genre{left:100px;width:220px;font-size:32px;font-weight:700;justify-content:flex-start;padding-left:20px;box-sizing:border-box;display:flex;align-items:center}#fc-genre-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}#focus-channel{left:350px;width:400px;flex-direction:column;align-items:flex-start;padding:20px;box-sizing:border-box;position:relative}.fc-ch-number{position:absolute;top:-20px;right:20px;font-size:96px;font-weight:900;color:var(--color-ch-number);line-height:1;z-index:1;pointer-events:none;font-family:Roboto,sans-serif;letter-spacing:-5px;text-shadow:0 0 10px var(--color-ch-shadow)}#focus-channel.active-col .fc-ch-number{color:var(--color-ch-number);right:20px}.state-details #focus-channel{left:480px}.fc-ch-name{width:230px;font-size:28px;font-weight:700;position:relative;z-index:2;display:none}#focus-channel.active-col .fc-ch-name{display:block}.fc-ch-logo{position:absolute;bottom:20px;right:20px}#fc-ch-logo{width:116px;height:64px;background-color:transparent;border-radius:6px}#focus-channel.active-col #fc-ch-logo{background-color:var(--color-ch-logo-active-bg);border-radius:6px}#focus-date{left:780px;width:120px;font-size:36px;font-weight:600}#focus-programs{left:780px;width:900px;background:var(--color-bg-card-program);display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:0;overflow:visible;transition:left .3s cubic-bezier(.25,.46,.45,.94)}#focus-programs.active-col{background:var(--color-border-card-active);color:var(--color-text-card-active);border:5px solid var(--color-border-card-active);transform:scale(1.05);left:800px;z-index:20}.fc-epg-img-container{width:320px;height:100%;position:relative;border-radius:16px}.fc-epg-img{width:100%;height:100%;object-fit:cover;border-radius:16px}.fc-epg-progress{position:absolute;bottom:4%;left:4%;height:6px;background:var(--color-progress-bg);width:92%;border-radius:4px}.fc-epg-progress-bar{height:100%;background:var(--color-progress-fill);width:0%;border-radius:4px}.fc-epg-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:var(--color-play-icon);text-shadow:0 2px 10px rgba(0,0,0,.5)}.fc-epg-details{flex:1;padding:20px 30px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.fc-epg-time{font-size:24px;margin-bottom:8px}.fc-epg-title{font-size:32px;font-weight:700;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.fc-epg-meta{font-size:24px;display:flex;align-items:center;gap:10px}.state-details{--focus-row-top: 360px !important}.fc-epg-desc{font-size:26px;position:absolute;left:0;top:calc(100% + 80px);width:100%;color:var(--color-text-desc);margin-top:0;padding:0 30px;box-sizing:border-box;line-height:1.5;opacity:0;transform:translateY(-20px);transition:all .5s cubic-bezier(.25,.8,.25,1);pointer-events:none}.state-details .fc-epg-desc{opacity:1;transform:translateY(0);pointer-events:auto}.state-details #bg-video-container{opacity:1;position:fixed;top:60px;right:80px;width:580px;height:326px;border-radius:12px;box-shadow:0 10px 30px #00000080;z-index:100;transition:all .5s cubic-bezier(.25,1,.5,1)}.state-details #bg-poster{opacity:0}.state-details #zone-programs-below,.state-details #zone-genre-above,.state-details #zone-genre-below,.state-details #focus-genre,.state-details #zone-date-above,.state-details #zone-date-below,.state-details #focus-date{opacity:0!important;transition:opacity .3s}#qr-display-area{background-color:var(--color-bg-card-active);padding:20px;border-radius:16px;width:fit-content;align-items:center;justify-content:center}.fc-epg-actions{position:absolute;top:100%;left:0;margin-top:10px;display:flex;gap:25px;opacity:0;transition:opacity 1s;justify-content:flex-start}#focus-programs.active-col .fc-epg-actions{opacity:1}.epg-btn{height:50px;background:var(--color-btn-bg);color:var(--color-btn-text);border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;border:2px solid transparent;width:50px;padding:0;transition:width .3s cubic-bezier(.25,.8,.25,1),background-color .2s,color .2s;overflow:hidden;white-space:nowrap}.btn-label{font-size:20px;opacity:0;width:0;margin-left:0;transition:opacity .2s,margin .2s}.epg-btn.active{width:160px;background:var(--color-btn-active-bg);color:var(--color-btn-active-text);border-color:var(--color-btn-active-border);transform:none}#btn-play.active{width:130px}#btn-bookmark.active{width:180px}#btn-record.active{width:160px}#btn-like.active{width:130px}#btn-details.active{width:160px}.epg-btn.active .btn-label{opacity:1;width:auto;margin-left:10px}#bg-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3;object-fit:cover}#bg-poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.5;object-fit:cover;background:#000;transition:opacity .5s}#epg-extra-actions{display:flex;gap:25px;max-width:0;opacity:0;overflow:hidden;transition:max-width .5s cubic-bezier(.25,.8,.25,1),opacity .3s}.state-details #epg-extra-actions{max-width:800px;opacity:1}