*{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:31.5%;padding:28px}.dashboard-tiles .btn:nth-child(1){left:0}.dashboard-tiles .btn:nth-child(2){left:34.25%}.dashboard-tiles .btn:nth-child(3){left:68.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-label{position:absolute;left:0;top:18px;width:180px;font-size:14px;opacity:.7}.settings-input{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{outline:none;border-color:#ffb300}.settings-input:not(.editing){background:#161616;color:#aaa;cursor:default}.settings-input.editing{background:#111;color:#fff}.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)}.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:80px;font-size:24px;font-weight:700;opacity:.85}.va .col-groups{position:absolute;top:110px;left:80px;width:calc(30% - 92px);height:calc(100% - 142px);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% - 142px);background:#0b0b0b;border:1px solid #1a1a1a;border-radius:6px}.va .row{position:relative;height:56px;padding:0 18px;border-bottom:1px solid #131313;border-left:3px solid transparent;color:#d8d8d8;font-size:15px;line-height:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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 .col-inactive .row{opacity:.55}.va .col-inactive .row.selected{opacity:1}.va .col-groups ::-webkit-scrollbar,.va .col-channels ::-webkit-scrollbar{width:0;height:0;display:none}.va .col-groups *,.va .col-channels *{scrollbar-width:none}