*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font-family:inherit;cursor:pointer}.btn{position:absolute;display:block;border:2px solid #2a2a2a;background:#111;color:#f0f0f0;border-radius:8px;padding:0;text-align:left;transition:transform 90ms ease,border-color 90ms ease,background 90ms ease}.btn:hover:not(.disabled){border-color:#555}.btn.focused{border-color:#ffb300;background:#1a1408;transform:scale(1.02);box-shadow:0 0 0 4px #ffb3002e}.btn.disabled{opacity:.32;cursor:not-allowed}.btn-title{display:block;font-weight:600}.dashboard{position:absolute;top:0;left:0;width:100%;height:100%;background:#050505}.dashboard-header{position:absolute;top:56px;left:80px;right:80px}.dashboard-header h1{font-size:32px;font-weight:700}.dashboard-header .sub{font-size:14px;opacity:.5;margin-top:6px}.dashboard-tiles{position:absolute;left:80px;right:80px;top:50%;height:280px;margin-top:-140px}.dashboard-tiles .btn{top:0;height:280px;width:23.5%;padding:28px}.dashboard-tiles .btn:nth-child(1){left:0}.dashboard-tiles .btn:nth-child(2){left:25.5%}.dashboard-tiles .btn:nth-child(3){left:51%}.dashboard-tiles .btn:nth-child(4){left:76.5%}.dashboard-tiles .btn .btn-glyph{position:absolute;left:28px;top:28px;width:56px;height:56px;border:2px solid currentColor;border-radius:50%;opacity:.6}.dashboard-tiles .btn .btn-title{position:absolute;left:28px;right:28px;bottom:28px;font-size:26px}.settings{position:absolute;top:0;left:0;width:100%;height:100%;background:#050505;padding:80px}.settings h1{position:absolute;top:56px;left:152px;height:48px;line-height:48px;font-size:32px;font-weight:700}.settings-back{position:absolute;top:56px;left:80px;width:48px;height:48px;background:#ffb300;color:#1a1408;border:1px solid #ffb300;border-radius:50%;padding:0;font-size:0;transition:background .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.settings-back:hover{background:#ffc233;border-color:#ffc233}.settings-back:focus-visible{outline:none;box-shadow:0 0 0 4px #ffb30047}.settings-back-glyph{position:absolute;left:0;top:0;width:100%;height:100%;font-size:28px;line-height:44px;text-align:center;font-weight:600}.settings-row{position:absolute;left:80px;right:80px;height:60px}.settings-row:nth-of-type(1){top:160px}.settings-row:nth-of-type(2){top:240px}.settings-row:nth-of-type(3){top:320px}.settings-row:nth-of-type(4){top:400px}.settings-label{position:absolute;left:0;top:18px;width:180px;font-size:14px;opacity:.7}.settings-input,.settings-select{position:absolute;left:200px;right:0;top:0;height:60px;background:#111;color:#fff;border:2px solid #2a2a2a;border-radius:8px;padding:0 16px;font-size:16px}.settings-input:focus,.settings-select:focus{outline:none;border-color:#ffb300}.settings-check{position:absolute;left:200px;right:0;top:18px;font-size:14px;opacity:.85;white-space:nowrap}.settings-check input{margin-right:10px;transform:scale(1.4)}.capabilities{position:absolute;top:0;left:0;width:100%;height:100%;background:#050505;padding:80px}.capabilities h1{position:absolute;top:56px;left:152px;height:48px;line-height:48px;font-size:32px;font-weight:700}.capabilities-meta{position:absolute;top:104px;left:152px;right:80px;color:#ffffff9e;font-size:13px}.capabilities-trace-action{position:absolute;top:56px;right:80px;width:178px;height:48px;background:#111;color:#f0f0f0;border:2px solid #2a2a2a;border-radius:8px;font-size:14px;font-weight:800}.capabilities-trace-action.focused,.capabilities-trace-action:focus-visible{outline:none;border-color:#ffb300;background:#1a1408;color:#ffb300;box-shadow:0 0 0 4px #ffb3002e}.capabilities-trace-action:disabled{opacity:.4;cursor:not-allowed}.capabilities-scroll{position:absolute;left:80px;top:152px;width:calc(100% - 160px);height:calc(100% - 196px);overflow-y:auto;padding-bottom:24px}.capability-group{position:relative;margin-bottom:28px;border-top:1px solid rgba(255,255,255,.12)}.capability-group h2{height:44px;line-height:44px;font-size:16px;font-weight:700;color:#ffb300}.capability-row{position:relative;min-height:38px;padding:8px 108px 8px 0;border-top:1px solid rgba(255,255,255,.07)}.capability-label{position:absolute;left:0;top:9px;width:240px;color:#ffffff9e;font-size:13px;line-height:18px}.capability-value{display:block;margin-left:260px;color:#f3f3f3;font:13px/18px ui-monospace,SF Mono,Menlo,monospace;white-space:normal;word-break:break-word}.capability-status{position:absolute;top:9px;right:0;width:86px;text-align:right;font-size:12px;line-height:18px;font-weight:800}.capability-status-ok{color:#4ad66d}.capability-status-warn{color:#ffb300}.capability-status-bad{color:#ff5c4d}.capability-status-info{color:#ffffff85}.capability-status-pending{color:#ffffffc7}.toast{position:fixed;right:24px;bottom:24px;background:#1a1408;color:#ffb300;border:1px solid rgba(255,179,0,.4);border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;box-shadow:0 6px 24px #0009;z-index:50;animation:toast-in .16s ease-out}.toast-success{background:#07140a;color:#4ad66d;border-color:#4ad66d73}.toast-danger{background:#1a0707;color:#ff8b7d;border-color:#ff5c4d8c}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.reload-scrim{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;z-index:40;pointer-events:all}.reload-banner{position:fixed;top:0;left:0;right:0;height:96px;background:#0e0a04;border-bottom:1px solid rgba(255,179,0,.4);z-index:41;overflow:hidden}.reload-banner-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ffb300,transparent);background-size:40% 100%;background-repeat:no-repeat;animation:reload-bar-slide 1.4s ease-in-out infinite;pointer-events:none}@keyframes reload-bar-slide{0%{background-position:-40% 0}to{background-position:140% 0}}.reload-banner-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 80px}.reload-banner-left{position:absolute;left:80px;top:0;bottom:0}.reload-banner-icon{position:absolute;left:0;top:50%;margin-top:-16px;width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,179,0,.25);border-top-color:#ffb300;animation:reload-spin .9s linear infinite}@keyframes reload-spin{to{transform:rotate(360deg)}}.reload-banner-text{position:absolute;left:56px;top:50%;transform:translateY(-50%);white-space:nowrap}.reload-banner-title{font-size:18px;font-weight:700}.reload-banner-sub{font-size:13px;opacity:.65;margin-top:2px}.player-spinner{position:fixed;top:50%;left:50%;margin-top:-32px;margin-left:-32px;width:64px;height:64px;border-radius:50%;border:5px solid rgba(255,179,0,.25);border-top-color:#ffb300;animation:reload-spin .9s linear infinite;pointer-events:none;z-index:5}.debug{position:fixed;bottom:0;left:0;right:0;background:#000000d9;border-top:1px solid rgba(255,255,255,.08);padding:8px 80px;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace;pointer-events:none;z-index:10}.debug .debug-row{display:inline-block;margin-right:32px;white-space:nowrap}.debug .debug-label{opacity:.5}.debug .debug-value{color:#8fffa8}.debug.warn .debug-value{color:#ffb300}.debug.over .debug-value{color:#ff5c4d}.debug .debug-bar{display:inline-block;vertical-align:middle;position:relative;width:180px;height:4px;background:#ffffff14;border-radius:2px;margin:0 0 0 12px;overflow:hidden}.debug .debug-bar-fill{position:absolute;left:0;top:0;bottom:0;background:#4ad66d;transition:width .2s ease,background .2s ease}.debug.warn .debug-bar-fill{background:#ffb300}.debug.over .debug-bar-fill{background:#ff5c4d}.proto-browse{position:absolute;top:0;left:0;width:100%;height:100%;background:#050505}.proto-browse:focus{outline:none}.proto-browse h1{position:absolute;top:32px;left:80px;right:480px;font-size:24px;font-weight:700;opacity:.85}.browse-search{position:absolute;top:26px;right:80px;width:360px;height:40px;padding:0 14px;box-sizing:border-box;border:1px solid #2a2a2a;border-radius:6px;outline:none;color:#e6e6e6;background:#101010;font-size:15px}.browse-search:focus{border-color:#ffb300;background:#15120a}.browse-search::placeholder{color:#777}.program-progress{display:block;position:relative;background:#252525;border-radius:999px;overflow:hidden}.program-progress-fill{position:absolute;left:0;top:0;height:100%;background:#ffb300;border-radius:999px}.va .col-groups{position:absolute;top:110px;left:80px;width:calc(30% - 92px);height:calc(100% - 190px);background:#0b0b0b;border:1px solid #1a1a1a;border-radius:6px}.va .col-channels{position:absolute;top:110px;left:30%;width:calc(70% - 80px);height:calc(100% - 190px);background:#0b0b0b;border:1px solid #1a1a1a;border-radius:6px}.va .row{position:relative;height:56px;padding:0 18px;box-sizing:border-box;border-bottom:1px solid #131313;border-left:3px solid transparent;color:#d8d8d8;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.va .col-groups .row{line-height:56px}.va .col-channels .row{height:106px;padding-top:9px;padding-bottom:8px;line-height:normal}.va .channel-name{display:block;height:22px;line-height:22px;font-size:16px;font-weight:650;padding-right:32px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.va .channel-name-only{height:86px;line-height:86px}.va .channel-program-line{display:block;position:relative;height:18px;line-height:18px;color:#a9a9a9;font-size:13px;padding-right:104px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.va .channel-program-line.current{margin-top:2px}.va .channel-program-time{position:absolute;top:0;right:0;width:98px;color:#d1d1d1;text-align:right}.va .channel-progress{height:4px;margin-top:5px;margin-bottom:4px}.va .channel-favourite{position:absolute;top:9px;right:16px;width:22px;height:22px;line-height:22px;box-sizing:border-box;color:#ffcf33;text-align:center;font-size:18px;font-weight:700}.va .empty-channel-list{position:absolute;top:0;left:0;width:100%;height:100%;line-height:120px;box-sizing:border-box;padding:0 18px;color:#8a8a8a;font-size:14px}.va .row.selected{background:#161616;border-left-color:#555}.va .col-channels .row{cursor:pointer}.va .col-channels .row:hover{background:#141414;color:#fff}.va .row.focused{border-left-color:#ffb300;background:#1a1408;color:#ffb300}.va .row.focused .channel-program-line{color:#f0cf83}.va .row.focused .channel-program-time{color:#ffe0a3}.va .row.focused .channel-favourite{color:#ffe48a}.browse-key-hints{position:absolute;left:80px;right:80px;bottom:24px;height:32px;color:#a8a8a8;font-size:13px;line-height:32px;white-space:nowrap;overflow:hidden}.browse-key-hints .key-hint{display:inline-block;margin-right:22px}.browse-key-hints .keycap{display:inline-block;min-width:32px;height:22px;line-height:22px;margin-right:7px;padding:0 7px;box-sizing:border-box;border:1px solid #333;border-radius:4px;color:#e4e4e4;background:#171717;text-align:center;font-size:11px;font-weight:700}.browse-key-hints .keycap-red{border-color:#9d2222;color:#fff0f0;background:#7a1717}.va .col-inactive .row{opacity:.55}.va .col-inactive .row.selected{opacity:1;border-left-color:#ffb300}.proto-browse .col-groups ::-webkit-scrollbar,.proto-browse .col-channels ::-webkit-scrollbar{width:0;height:0;display:none}.proto-browse .col-groups *,.proto-browse .col-channels *{scrollbar-width:none}