:root{color-scheme:dark;font-family:system-ui,sans-serif;font-size:16px;line-height:1.4;background:#12151a;color:#f4f7fb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;touch-action:manipulation}button,a,input,label{touch-action:manipulation}button,input,select{font:inherit;font-size:16px}button{min-height:48px;min-width:48px;padding:12px 16px;border:0;border-radius:12px;background:#2c3542;color:#f4f7fb;font-weight:650}button.primary{background:#0e7a45}button.warn{background:#9a4d12}button.danger{background:#8d2f2f}button.tab{background:transparent;color:#c5d0dc;border-radius:0}button.tab[aria-selected=true]{color:#f4f7fb;box-shadow:inset 0 -3px #f0b429}button:active:not(:disabled){transform:scale(.98);filter:brightness(1.25)}button:disabled{opacity:.45}input[type=text]{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid #3d4856;background:#0e1116;color:#f4f7fb;font-size:16px}input[type=range]{width:100%;min-height:48px;font-size:16px}.shell{width:min(40rem,100%);margin:0 auto;padding:12px 12px 32px}header.top{display:grid;gap:4px;min-height:5.5rem}h1{font-size:1.35rem;line-height:1.2;margin:0}.sub{margin:0;color:#b7c3d0}.clock{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;font-size:1.15rem;min-height:1.4em}.banner{min-height:3rem;margin:8px 0;padding:10px 12px;border-radius:12px;background:#1c2430}.banner.bad{background:#3a2218}.banner.good{background:#163024}.stage{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.stage video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.stage .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.placeholder{display:flex;align-items:center;justify-content:center;color:#9aa8b8;padding:16px;text-align:center}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;pointer-events:none;color:#fff;text-shadow:0 1px 2px #000;font-family:ui-monospace,monospace;font-size:14px}.overlay ul{margin:0;padding:0;list-style:none;text-align:right}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f9d55;opacity:0;pointer-events:none;transition:opacity 80ms linear}.flash.on{opacity:.35}.tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0;border-bottom:1px solid #2c3542}.actions,.stack{display:flex;flex-direction:column;gap:8px}.row{display:flex;flex-wrap:wrap;gap:8px}.row>button{flex:1 1 10rem}section{display:grid;gap:8px;margin-top:8px}h2{font-size:1.05rem;margin:8px 0 0}.cap{display:grid;grid-template-columns:1fr 8.75rem;gap:8px;min-height:1.6rem;align-items:baseline}.mono,pre{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}pre{margin:0;max-height:14rem;overflow:auto;padding:10px;background:#0e1116;border-radius:12px}.list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.list li,.card{background:#1c2430;border-radius:12px;padding:10px 12px;min-height:48px}.chip{display:inline-block;min-width:4.5rem;text-align:center;border-radius:999px;padding:2px 8px;background:#2c3542}.chip.ok{background:#0e7a45}.chip.wait{background:#9a4d12}.chip.bad{background:#8d2f2f}label.field{display:grid;gap:4px}.empty,.error,.loading{margin:0;padding:12px;border-radius:12px;background:#1c2430;min-height:48px}.error{background:#3a2218}.sr-wedge{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:16px}