@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#e6edf0;background:#0d1115;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0d1115}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.44}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f4be62;outline-offset:2px}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 11% 4%,rgba(40,58,68,.3),transparent 28%),#0d1115}.topbar{height:72px;padding:0 clamp(20px,5vw,74px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #232d33;background:#0d1115e6}.brand-lockup,.topbar-actions,.connection-pill,.eyebrow,.player-meta,.transport-controls,.source-help,.notice,.footer-note,.drawer-head,.drawer-row{display:flex;align-items:center}.brand-lockup{gap:11px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid #58645f;color:#f4be62;background:#1a2527}.brand-name{font-family:DM Mono,monospace;font-weight:500;letter-spacing:.11em;font-size:12px;color:#eef3f3}.brand-sub,.eyebrow,.field-label,.connection-pill,.panel-index,.session-readout,.footer-note,.active-source-label,.meta-separator{font-family:DM Mono,monospace}.brand-sub{margin-top:3px;color:#718087;font-size:8px;letter-spacing:.17em}.topbar-actions{gap:18px}.connection-pill{gap:8px;color:#9caeb3;font-size:9px;letter-spacing:.11em}.status-dot,.live-dot{display:inline-block;border-radius:50%;background:#96c883}.status-dot{width:6px;height:6px;box-shadow:0 0 0 3px #96c8831a}.icon-button,.control-button{border:0;color:#a8b5b8;background:transparent;display:grid;place-items:center}.icon-button{width:33px;height:33px;border:1px solid #2b373c}.icon-button:hover,.control-button:hover{color:#f4be62;border-color:#59645d}.workspace{width:min(1360px,calc(100% - 40px));margin:0 auto;padding:clamp(44px,7vw,91px) 0 35px}.workspace-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:34px}.eyebrow{gap:7px;margin:0 0 12px;color:#98a8aa;font-size:9px;line-height:1;letter-spacing:.13em}h1,h2,p{margin:0}h1{font-size:clamp(34px,4.3vw,57px);line-height:.99;letter-spacing:-.045em;font-weight:700;color:#f0f4f2}.lede{max-width:540px;margin-top:17px;font-size:13px;line-height:1.7;color:#829198}.session-readout{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#627279;font-size:9px;letter-spacing:.16em}.session-readout strong{font-size:12px;color:#f4be62;font-weight:500;letter-spacing:.1em}.player-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.78fr);gap:15px;align-items:start}.monitor-column{min-width:0}.video-frame{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;border:1px solid #2e3a3e;background:#090c0f;box-shadow:0 20px 60px #0000003d}.video-frame video{width:100%;height:100%;object-fit:contain;background:#090c0f}.empty-monitor{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:17px;color:#65747a;background:linear-gradient(135deg,#131b1ffa,#090c0ffa)}.empty-signal{width:118px;height:74px;display:grid;place-items:center;gap:3px;border:1px solid #334147;color:#9eafb1;background:#11191d}.empty-signal span{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.15em;color:#72858a}.empty-monitor p{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.03em}.scanline{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.11;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.03) 4px)}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:13px;color:#bfcbcc;background:#090c0fc9;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em}.video-overlay .spin{color:#f4be62;animation:spin 1.2s linear infinite}.error-overlay{padding:24px;text-align:center;color:#dfb3a2}.error-icon{width:37px;height:37px;display:grid;place-items:center;color:#e08d78;border:1px solid #714b40;border-radius:50%}.secondary-button{border:1px solid #65716c;color:#e4eae6;background:transparent}.secondary-button.small{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;font-family:DM Mono,monospace;font-size:10px}.center-play{position:absolute;width:57px;height:57px;display:grid;place-items:center;border:1px solid #d49e52;border-radius:50%;color:#0d1115;background:#f4be62;box-shadow:0 0 0 9px #f4be6224}.player-meta{min-height:40px;gap:11px;padding:0 2px;color:#7d8c91;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em}.live-indicator{display:flex;align-items:center;gap:6px;color:#d8a07e}.live-dot{width:6px;height:6px;background:#e08d78;box-shadow:0 0 0 3px #e08d781a}.meta-separator{width:3px;height:3px;border-radius:50%;background:#455258}.meta-grow,.control-spacer{flex:1}.buffer-label{color:#bdc8c8}.transport-bar{padding:8px 12px 11px;border:1px solid #2e3a3e;border-top:0;background:#12191d}.timeline{position:relative;height:4px;margin:0 0 11px;background:#273338}.buffer-track,.played-track{position:absolute;inset:0 auto 0 0;pointer-events:none}.buffer-track{background:#46565a}.played-track{background:#f4be62}.timeline input{position:absolute;top:-7px;right:0;bottom:-7px;left:0;width:100%;margin:0;opacity:0;cursor:pointer}.transport-controls{gap:5px;min-height:23px}.control-button{width:28px;height:25px;padding:0}.play-control{color:#f4be62}.pause-glyph{display:flex;gap:3px}.pause-glyph i{width:3px;height:12px;background:currentColor}.volume-range{width:78px;accent-color:#f4be62}.select-control{display:flex;align-items:center;gap:4px;color:#97a7a9;font-family:DM Mono,monospace;font-size:10px}.select-control select{border:0;padding:3px 0;color:#bdc8c8;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-control select option{background:#12191d}.side-column{display:flex;flex-direction:column;gap:15px}.panel{padding:21px 20px;border:1px solid #2e3a3e;background:#12191d}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.panel-title .eyebrow{margin-bottom:9px}h2{font-size:17px;letter-spacing:-.025em;font-weight:600;color:#edf1ee}.panel-index{color:#57666b;font-size:10px;letter-spacing:.1em}.field-label{display:block;margin-bottom:8px;color:#738389;font-size:9px;letter-spacing:.1em}.url-field{display:flex;border:1px solid #3e4c50;background:#0d1316;transition:border-color .2s ease}.url-field:focus-within{border-color:#c19b61}.url-field input{min-width:0;flex:1;padding:12px;border:0;outline:0;color:#d7e1df;background:transparent;font-family:DM Mono,monospace;font-size:10px}.url-field input::placeholder{color:#506168}.url-field button{width:43px;display:grid;place-items:center;border:0;border-left:1px solid #3e4c50;color:#15201e;background:#f4be62}.url-field button:hover{background:#ffd17f}.source-help{align-items:flex-start;gap:7px;margin-top:12px;color:#75858a;font-size:10px;line-height:1.4}.help-icon{color:#a4b0ad;margin-top:1px}.notice{gap:6px;margin-top:13px;color:#9dc88e;font-family:DM Mono,monospace;font-size:10px}.status-tag{padding:5px 7px;border:1px solid #3d5550;color:#a5c695;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em}.status-tag.loading{color:#f4be62;border-color:#715e3f}.status-tag.error{color:#e08d78;border-color:#704a40}.status-tag.paused{color:#aeb7b4;border-color:#4c5b5c}.status-list{display:grid;gap:12px}.status-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:11px;border-bottom:1px solid #273338;font-family:DM Mono,monospace;font-size:10px}.status-list span{color:#718187}.status-list strong{color:#cad4d2;font-weight:400;text-align:right}.active-source{position:relative;display:grid;gap:7px;margin-top:17px;padding:11px 29px 11px 11px;border-left:2px solid #b28c57;color:#a1b0b1;background:#182124;font-family:DM Mono,monospace;font-size:9px;overflow:hidden}.active-source>span:last-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c5cfcd}.active-source button{position:absolute;top:10px;right:8px;padding:0;border:0;color:#819195;background:transparent}.active-source button:hover{color:#f4be62}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quality-grid button{min-height:47px;padding:8px 5px;border:1px solid #354349;color:#acb8b7;background:#151e22;font-family:DM Mono,monospace;font-size:11px}.quality-grid button span{display:block;margin-top:4px;color:#68797e;font-size:8px}.quality-grid button:hover,.quality-grid button.selected{border-color:#c09b62;color:#f4be62;background:#202621}.recent-list{display:grid;gap:5px}.recent-list button{min-width:0;display:flex;align-items:center;gap:8px;padding:9px 8px;border:1px solid transparent;color:#91a0a3;background:transparent;text-align:left;font-family:DM Mono,monospace;font-size:9px}.recent-list button:hover{border-color:#36464b;color:#d0d8d5;background:#182124}.recent-list button span{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.recent-list button svg:last-child{color:#5c6c71}.footer-note{justify-content:space-between;gap:20px;margin-top:30px;padding-top:17px;border-top:1px solid #232d33;color:#5f6d72;font-size:9px;letter-spacing:.05em}.footer-note span{display:flex;align-items:center;gap:7px}.settings-drawer{position:fixed;top:0;right:0;z-index:4;width:min(360px,100%);min-height:100vh;padding:26px;border-left:1px solid #3a474b;background:#141d21;box-shadow:-20px 0 60px #00000052}.drawer-head{justify-content:space-between;margin-bottom:40px}.drawer-row{justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #2a373b}.drawer-row strong,.drawer-row span{display:block}.drawer-row strong{color:#dbe4e1;font-size:13px}.drawer-row div span{margin-top:5px;color:#7e8e92;font-size:10px}.toggle{width:34px;height:19px;padding:3px;border-radius:12px;background:#334247}.toggle i{display:block;width:13px;height:13px;border-radius:50%;background:#829397}.toggle.on{background:#7e8f63}.toggle.on i{margin-left:15px;background:#f2e4c0}.drawer-footnote{margin-top:29px;color:#738388;font-family:DM Mono,monospace;font-size:10px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.workspace{width:min(100% - 28px,700px);padding-top:45px}.workspace-heading{align-items:flex-start}.player-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.source-panel,.recent-panel{grid-column:1 / -1}}@media(max-width:560px){.topbar{height:62px;padding:0 16px}.connection-pill{display:none}.workspace{width:calc(100% - 24px);padding-top:34px}.workspace-heading{margin-bottom:25px}.workspace-heading h1{font-size:37px}.lede{font-size:12px}.session-readout{display:none}.player-meta{gap:7px;font-size:8px}.buffer-label{display:none}.transport-bar{padding-left:8px;padding-right:8px}.volume-range{width:56px}.select-control{margin-left:2px}.side-column{display:flex}.panel{padding:18px 16px}.footer-note{align-items:flex-start;flex-direction:column;gap:9px}.video-frame{aspect-ratio:16 / 10}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}