:root{--glass:rgba(16,20,25,.78);--fg:#eef1f4;--muted:#9aa5b1;--accent:#f4bd1c;--ok:#5fc27e;--warn:#e0a03a;--err:#e0655c;--f-display:"Barlow Condensed","Arial Narrow",sans-serif;--f-body:"Barlow",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace}html,body{margin:0;height:100%;overflow:hidden;background:#12161b;color:var(--fg);font-family:var(--f-body)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:12px;left:12px;background:var(--glass);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;display:grid;gap:8px;min-width:230px;max-width:calc(100% - 24px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px}#hud h1{margin:0;font-family:var(--f-display);font-size:22px;letter-spacing:.02em;line-height:1}#hud .sub{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.05em}#hud .row{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:12px}#hud .row b{font-weight:400}#hud .ok{color:var(--ok)}#hud .warn{color:var(--warn)}#hud .err{color:var(--err)}#hud label{display:flex;align-items:center;gap:8px;cursor:pointer}#hud input{accent-color:var(--accent)}#hud input[type=range]{width:100%;margin:0}#hud .note{font-size:11px;color:var(--muted);line-height:1.4;max-width:260px}#hud .note a{color:inherit}#settings:empty{display:none}#settings{position:fixed;top:12px;right:12px;width:290px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);overflow:auto;box-sizing:border-box;background:var(--glass);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;display:grid;gap:10px}#settings.closed{background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;width:auto}#settings.closed>:not(.open){display:none}#settings header{display:flex;justify-content:space-between;align-items:center}#settings h2{margin:0;font-family:var(--f-display);font-size:20px;letter-spacing:.02em}#settings [hidden]{display:none!important}#settings form,#settings .body{display:grid;gap:8px}#settings p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}#settings fieldset{border:1px solid rgba(255,255,255,.1);border-radius:6px;margin:0;padding:6px 10px 10px;display:grid;gap:6px}#settings legend{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;padding:0 4px}#settings label{display:grid;grid-template-columns:1fr auto;gap:2px 8px}#settings output{font-family:var(--f-mono);font-size:12px}#settings label.toggle{display:flex;align-items:center;gap:8px;cursor:pointer}#settings input[type=checkbox]{margin:0;accent-color:var(--accent)}#settings input[type=range]{grid-column:1/-1;width:100%;margin:0;accent-color:var(--accent)}#settings fieldset.cols{grid-template-columns:1fr 1fr;gap:6px 10px}#settings label:has(:disabled){opacity:.45}#settings label.select{grid-template-columns:1fr}#settings select{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:var(--fg);padding:5px 6px;font:inherit}#settings input[type=password]{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:var(--fg);padding:6px 8px;font:inherit}#settings button{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:5px;color:var(--fg);padding:6px 10px;font:inherit;cursor:pointer}#settings button:hover{background:#ffffff29}#settings .x{background:none;border:0;font-size:20px;line-height:1;padding:0 4px}#settings .publish,#settings form button{background:var(--accent);border-color:var(--accent);color:#111;font-weight:500}#settings .actions{display:flex;gap:6px;flex-wrap:wrap}#settings .logout{justify-self:start;background:none;border:0;padding:0;color:var(--muted);font-size:11px;text-decoration:underline}#settings .open{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#settings .ok{color:var(--ok)}#settings .warn{color:var(--warn)}#settings .err{color:var(--err)}#director .badge{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:var(--glass);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--f-mono);font-size:11px;letter-spacing:.04em}#director .badge i{width:8px;height:8px;border-radius:50%;background:#e5483d;animation:director-rec 1.6s ease-in-out infinite}#director .badge span{color:var(--muted)}@keyframes director-rec{50%{opacity:.25}}#director .caption{position:fixed;left:24px;bottom:28px;display:grid;gap:2px;padding:10px 16px 10px 14px;border-left:3px solid var(--accent);background:var(--glass);border-radius:0 6px 6px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translate(-12px);transition:opacity .5s,transform .5s;pointer-events:none}#director .caption.on{opacity:1;transform:none}#director .caption b{font-family:var(--f-display);font-size:26px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;line-height:1.05}#director .caption span{font-family:var(--f-mono);font-size:12px;color:var(--muted)}#director .caption span:empty{display:none}#director .fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none}@media (max-width:640px){#director .badge span{display:none}#director .caption{left:12px;bottom:16px}}#hud{z-index:2}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;isolation:isolate;font-size:var(--size,14px)}#labels[hidden],#labels [hidden]{display:none!important}#labels .lbl{position:absolute;left:0;top:0;transform-origin:0 0;display:grid;justify-items:center;white-space:nowrap;font-family:var(--f-body);font-size:.85em;line-height:1.2;color:var(--fg)}#labels .lbl b{font-family:var(--f-display);font-size:1.18em;font-weight:700;letter-spacing:.03em}#labels.light .lbl{padding-bottom:.5em;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.8)}#labels.light .lbl span{opacity:.92}#labels.tag .lbl{margin-top:-.6em;padding:.25em .6em .3em;justify-items:start;background:var(--glass);border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--accent);border-radius:4px}#labels.tag .lbl b{color:var(--accent)}#labels.tag .lbl span{color:#d5dbe1}#labels.tag .lbl:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:.6em;background:#fff9}#labels.panel .lbl{margin-top:-.4em;min-width:1.5em;padding:.1em .35em;justify-items:center;box-sizing:border-box;border-radius:999px;background:var(--accent);color:#111;font-family:var(--f-mono);font-size:.8em;font-weight:700}#labels .panel{position:absolute;right:12px;bottom:12px;max-width:calc(100% - 24px);overflow:hidden;padding:.5em .7em;background:var(--glass);border:1px solid rgba(255,255,255,.12);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85em}#labels .panel table{border-collapse:collapse;white-space:nowrap}#labels .panel th{font:400 .78em var(--f-mono);color:var(--muted);letter-spacing:.04em;text-align:left;padding:0 .7em .3em 0}#labels .panel td{padding:.15em .7em .15em 0;font-family:var(--f-mono);font-size:.92em}#labels .panel td.n{color:var(--accent);font-weight:700;text-align:center;padding-right:.9em}#labels .panel tr.on td{color:var(--accent)}#labels .panel p{margin:0;color:var(--muted)}#settings{z-index:3}#bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.bubble{--b-bg:rgba(250,251,252,.95);--b-edge:#9aa5b1;position:absolute;left:0;top:-14px;max-width:250px;width:max-content;padding:6px 10px 7px;border-radius:10px;border-left:4px solid var(--b-edge);background:var(--b-bg);color:#15191e;font-size:13px;line-height:1.3;box-shadow:0 4px 14px #00000059;animation:bubble-in .25s ease-out}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--b-bg)}.bubble .b-head{display:flex;align-items:baseline;gap:8px;margin-bottom:1px}.bubble .b-head b{font-family:var(--f-display);font-size:15px;letter-spacing:.02em}.bubble .b-head span{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:#6b7580}.bubble.tension{--b-bg:rgba(255,244,214,.96);--b-edge:#e0a03a}.bubble.alert{--b-bg:rgba(255,226,222,.96);--b-edge:#d8443a}.bubble.ok{--b-edge:#5fc27e}@keyframes bubble-in{0%{opacity:0}to{opacity:1}}#regie{position:fixed;top:52px;right:12px;width:300px;max-width:calc(100% - 24px);max-height:calc(100% - 140px);overflow:auto;box-sizing:border-box;z-index:2;background:var(--glass);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;display:grid;gap:8px}#regie.closed{background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;width:auto}#regie.closed header{display:none}#regie header{display:flex;justify-content:space-between;align-items:center}#regie h2{margin:0;font-family:var(--f-display);font-size:20px;letter-spacing:.02em}#regie h3{margin:4px 0 0;font-family:var(--f-mono);font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}#regie [hidden]{display:none!important}#regie .body{display:grid;gap:8px}#regie button{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:5px;color:var(--fg);padding:6px 8px;font:inherit;cursor:pointer}#regie button:hover{background:#ffffff29}#regie button:disabled{opacity:.35;cursor:default}#regie button.on{background:var(--accent);border-color:var(--accent);color:#111}#regie .x{background:none;border:0;font-size:20px;line-height:1;padding:0 4px}#regie .open{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#regie .controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#regie .controls button{white-space:nowrap;font-size:12px;padding:6px 4px}#regie .controls [data-do=angle]{grid-column:span 2}#regie .onair{display:grid;gap:2px;padding:8px 10px;border-left:3px solid var(--accent);background:#00000040;border-radius:0 6px 6px 0}#regie .onair b{font-family:var(--f-display);font-size:18px;text-transform:uppercase;letter-spacing:.03em}#regie .onair span,#regie li span{font-family:var(--f-mono);font-size:11px;color:var(--muted)}#regie .state{font-family:var(--f-mono);font-size:11px;display:flex;align-items:center;gap:6px}#regie .state i{width:8px;height:8px;border-radius:50%;background:var(--muted)}#regie .state i.live{background:#e5483d}#regie .state i.man{background:var(--accent)}#regie ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}#regie .queue button{width:100%;text-align:left;display:grid;gap:1px;padding:5px 8px}#regie .queue .seen{opacity:.55}#regie .queue .empty,#regie .hint{color:var(--muted);font-size:11px}#regie .log li{display:grid;grid-template-columns:auto 1fr;gap:0 8px;font-size:12px}#regie .log time{font-family:var(--f-mono);font-size:11px;color:var(--muted);grid-row:span 2}#regie .hint{margin:0;line-height:1.4}@media (max-width:640px){#regie{top:auto;bottom:12px;max-height:50%}}