:root{--bg: #121212;--fg: #ffffff;--green: #3ac569;--on-green: #06210f;--green-deep: #2fa457;--muted: #9aa0a6;--alert: #e4223b;--active-green: #0a8000;--orange-pink: linear-gradient(135deg, #e07d56, #f24d5d);--fade: .4s;--ic-stroke: 1.6;--ic-size: 26px}.ic{stroke:currentColor;stroke-width:var(--ic-stroke);stroke-linecap:round;stroke-linejoin:round;fill:none;width:var(--ic-size);height:var(--ic-size);flex:0 0 auto;display:block}.ic-filled{fill:currentColor}.osd .iconbtn,.panel-close,.epg-chan .heart{color:var(--fg)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:Open Sans,system-ui,-apple-system,sans-serif;font-weight:300;overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.osd{position:fixed;left:0;right:0;bottom:0;height:14vh;min-height:76px;display:flex;align-items:stretch;opacity:0;transition:opacity var(--fade) ease-out;pointer-events:none;z-index:110}.osd.visible{opacity:1;pointer-events:auto}.osd .brand-block{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 2.2vw;background:linear-gradient(135deg,#996295,#bd5c6c)}.osd .brand-block img{height:52%;max-height:48px}.osd .chan{flex:1 1 auto;display:flex;align-items:center;gap:1.4vw;padding:0 2vw;background:linear-gradient(90deg,#27947eb3,#3dab4ab3);min-width:0}.osd .chan.clickable{cursor:pointer}.osd .chan .chlogo{width:112px;height:56px;object-fit:contain}.osd .chan .chnum{font-family:monospace;font-size:2.6rem;line-height:1;text-shadow:2px 2px 3px #000}.osd .chan .txt{display:flex;flex-direction:column;gap:.2em;min-width:0}.osd .chan .label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.osd .chan .name{font-size:1.5rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osd .btns{flex:0 0 auto;display:flex;align-items:stretch}.osd .iconbtn{display:flex;align-items:center;justify-content:center;width:9vh;min-width:56px;background:#121212;border:0;border-left:1px solid #343434;cursor:pointer;transition:background var(--fade) ease-out}.osd .iconbtn:hover{background:#2a2a2a}.osd .iconbtn.activo{color:var(--green)}.placa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.4em;background-color:#121212;background-size:cover;background-position:center}.placa.visible{display:flex}.placa .pnum{font-family:monospace;font-size:70px;line-height:1;text-shadow:2px 2px 3px #000}.placa .pname{font-size:1.3rem;font-weight:300;color:#ffffffd9}.dimmer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;opacity:0;transition:opacity var(--fade) ease-out;pointer-events:none;visibility:hidden}.dimmer.visible{opacity:1;pointer-events:auto;visibility:visible}.modal{width:min(90vw,360px);background:#1c1c1c;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 60px #0009}.modal h1{margin:0;font-size:1.3rem;font-weight:300;text-align:center;color:var(--fg)}.modal .brand{text-align:center;color:var(--green);font-weight:400;letter-spacing:.04em;font-size:.9rem;text-transform:uppercase}.modal input{font-family:inherit;font-weight:300;font-size:1rem;padding:.8em 1em;color:var(--fg);background:#121212;border:1px solid rgba(255,255,255,.15);border-radius:6px}.modal input:focus{outline:none;border-color:var(--green)}.modal button.primary{font-family:inherit;font-weight:400;font-size:1rem;color:var(--on-green);background:var(--green);border:none;border-radius:6px;padding:.85em 1em;cursor:pointer;transition:background var(--fade) ease-out}.modal button.primary:hover{background:var(--green-deep)}.modal button.primary:disabled{opacity:.6;cursor:default}.modal .msg{min-height:1.2em;font-size:.85rem;text-align:center;color:var(--alert)}.modal .hint{font-size:.75rem;text-align:center;color:var(--muted)}.channels{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0aeb;padding:6vh 6vw;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity var(--fade) ease-out}.channels.visible{opacity:1;pointer-events:auto}.channels h2{font-weight:300;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 1.5rem}.channels{display:flex;flex-direction:column}.epg{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000059}.epg-canvas{position:relative}.epg-timebar{position:sticky;top:0;z-index:4;display:flex;height:34px;background:#181818;border-bottom:1px solid #343434}.epg-corner{position:sticky;left:0;z-index:5;flex:0 0 auto;background:#181818;border-right:1px solid #343434}.epg-timetrack{position:relative;flex:0 0 auto}.epg-tick{position:absolute;top:50%;transform:translateY(-50%);padding-left:6px;border-left:1px solid #343434;font-family:ui-monospace,monospace;font-size:.78rem;color:var(--muted);height:100%;display:flex;align-items:center}.epg-row{display:flex;border-bottom:1px solid rgba(255,255,255,.05)}.epg-row.active .cname{color:var(--green)}.epg-chan{position:sticky;left:0;z-index:3;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:0 .5rem 0 .75rem;background:#161616;border-right:1px solid #343434}.epg-chan-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;min-width:0}.epg-chan .num{font-family:ui-monospace,monospace;font-size:1.05rem;color:var(--muted)}.epg-chan .cname{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epg-chan .heart{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:50%}.epg-chan .heart:hover{background:#ffffff14}.epg-chan .heart .ic{width:18px;height:18px}.epg-track{position:relative;flex:0 0 auto}.epg-block{position:absolute;top:6px;bottom:6px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 10px;border-radius:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.06);overflow:hidden;cursor:pointer;transition:background var(--fade) ease-out}.epg-block:hover{background:#ffffff21}.epg-block.current{border-color:var(--active-green);background:#0a800033}.epg-block.empty{color:var(--muted);font-style:italic;font-size:.85rem;cursor:default;background:transparent;border-style:dashed}.epg-bname{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epg-btime{font-family:ui-monospace,monospace;font-size:.72rem;color:var(--muted)}.epg-block.current .epg-btime{color:var(--green)}.epg-now{position:absolute;top:0;bottom:0;width:2px;background:var(--green);z-index:2;pointer-events:none}.channels .panel-close{position:absolute;top:2.2vh;right:2.2vw;z-index:6;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer}.channels .panel-close .ic{width:18px;height:18px}.channels .panel-close:hover{background:#ffffff29}.modal .link{font-family:inherit;font-weight:400;font-size:.9rem;color:var(--fg);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:.2em}.modal .link:hover{color:var(--green)}.osd .chan .program{font-size:.95rem;font-weight:300;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osd .iconbtn .sleepcount{font-family:monospace;font-size:1.05rem;color:#fff;white-space:nowrap}.register .register-header{display:flex;align-items:center;gap:.5rem;margin:-2rem -1.75rem .5rem;padding:1rem 1.25rem;border-radius:10px 10px 0 0;background:var(--orange-pink)}.register .register-header h1{margin:0;font-size:1.2rem;font-weight:400;color:#fff}.register .register-back{font-size:1.6rem;line-height:1;color:#fff;background:transparent;border:none;cursor:pointer;padding:0 .3rem}.modal.register{max-height:92vh;overflow-y:auto}.register .register-input,.register .register-select{font-family:inherit;font-weight:300;font-size:1rem;padding:.75em .9em;color:var(--fg);background:#121212;border:1px solid rgba(255,255,255,.15);border-radius:6px;width:100%}.register .register-input:focus,.register .register-select:focus{outline:none;border-color:var(--green)}.register .register-field{display:flex;flex-direction:column;gap:.35rem}.register .register-label{font-size:.8rem;color:var(--muted)}.register .register-phone-row{display:flex;gap:.5rem}.register .register-phone-row .country{flex:1 1 55%;min-width:0}.register .register-phone-row .phone{flex:1 1 45%;min-width:0}.quality-panel{position:fixed;right:0;bottom:14vh;min-height:76px;max-width:min(92vw,420px);background:#121212f7;border:1px solid rgba(255,255,255,.08);border-radius:10px 0 0 10px;padding:1.2rem 1.4rem;opacity:0;pointer-events:none;transform:translate(12px);transition:opacity var(--fade) ease-out,transform var(--fade) ease-out;z-index:120}.quality-panel.visible{opacity:1;pointer-events:auto;transform:translate(0)}.quality-panel h2{font-weight:300;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem}.quality-panel h2:not(:first-child){margin-top:1.4rem}.quality-grid{display:flex;flex-wrap:wrap;gap:.5rem}.quality-opt{font-family:inherit;font-weight:300;font-size:.95rem;color:var(--fg);background:#ffffff0d;border:2px solid transparent;border-radius:6px;padding:.5em 1em;cursor:pointer;transition:background var(--fade) ease-out}.quality-opt:hover{background:#ffffff1a}.quality-opt.active{border-color:var(--active-green)}.numpad{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:118}.numpad.visible{display:flex}.numpad-digits{font-family:monospace;font-size:20vh;line-height:1;color:#fff;text-shadow:3px 3px 8px #000}.poweroff,.blocked{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center;padding:2rem;background:#000;z-index:200}.poweroff.visible,.blocked.visible{display:flex}.poweroff-logo,.blocked-logo{width:min(46vw,220px);opacity:.9}.poweroff-btn{display:flex;align-items:center;gap:.6rem;font-family:inherit;font-size:1rem;color:var(--fg);background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.7em 1.4em;cursor:pointer}.poweroff-btn:hover{background:#ffffff1f}.poweroff-btn .ic{width:22px;height:22px}.blocked-text{font-size:1.15rem;font-weight:300;color:var(--fg);max-width:28ch;margin:0}.blocked-btn{font-family:inherit;font-weight:400;font-size:1rem;color:var(--on-green);background:var(--green);border:none;border-radius:6px;padding:.85em 1.6em;min-width:160px;cursor:pointer;transition:background var(--fade) ease-out}.blocked-btn:hover{background:var(--green-deep)}.blocked-btn.ghost{margin-top:.6rem;color:#fffc;background:transparent;border:1px solid rgba(255,255,255,.25)}.blocked-btn.ghost:hover{background:#ffffff14}.centered{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--muted);font-size:.95rem}.osd .brand-block.clickable{cursor:pointer}.userpanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--fade) ease-out}.userpanel.visible{opacity:1;pointer-events:auto}.userpanel-card{position:relative;display:flex;width:min(80vw,720px);height:min(80vh,420px);border-radius:10px;overflow:hidden}.userpanel-info{width:40%;background:#b06295;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.userpanel-logo{width:70%;max-height:45%;object-fit:contain}.userpanel-who{margin-top:14px;color:var(--fg);font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userpanel-menu{width:60%;background:#343434;display:flex;flex-direction:column}.userpanel-row{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:var(--fg);font:inherit;font-size:15px;text-align:left;cursor:pointer}.userpanel-row:last-child{border-bottom:none}.userpanel-row.disabled{opacity:.35;cursor:default}.userpanel-value{color:var(--muted);font-size:13px}.userpanel-card .panel-close{position:absolute;top:10px;right:10px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.userpanel-card .panel-close .ic{width:17px;height:17px}.userpanel-version{margin-top:6px;color:#ffffff8c;font-size:11px}.epg-bdesc{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}