:root{--bg:#F2F2F2;--surface:#FFF;--ink:#1A1A1A;--ink-2:#4A4A4A;--ink-3:#757575;--line:#E0E0E0;--accent:#86BC25;--accent-soft:#EAF4D5;--alert:#DA291C;--alert-soft:#FDECEB;--mono-bg:#F2F2F2;--good:#86BC25;--bad:#DA291C;--teal:#00A3E0;--teal-soft:#E0F4FC;--amber:#ED8B00}@media (prefers-color-scheme:dark){:root{--bg:#1A1A1A;--surface:#2D2D2D;--ink:#F2F2F2;--ink-2:#B0B0B0;--ink-3:#757575;--line:#4A4A4A;--accent:#86BC25;--accent-soft:#2D3D1A;--alert:#DA291C;--alert-soft:#3D1A18;--mono-bg:#2D2D2D;--good:#86BC25;--bad:#DA291C;--teal:#00A3E0;--teal-soft:#0D2A38;--amber:#ED8B00}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Open Sans,system-ui,sans-serif}h1,h2,h3{font-family:Open Sans,sans-serif;font-weight:700;margin:0;line-height:1.2}h1{font-size:26px}h2{font-size:19px}h3{font-size:16px}.mono{font-family:Source Code Pro,monospace;font-size:12px}.label{font-family:Source Code Pro,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}button{font:inherit;background:var(--accent);color:#fff;border:0;padding:7px 14px;cursor:pointer;border-radius:2px;font-weight:600}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.warn{background:var(--alert)}button:disabled{opacity:.5;cursor:default}textarea,input,select{font:inherit;width:100%;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:2px}.card{background:var(--surface);border:1px solid var(--line);padding:14px 16px;border-radius:2px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{display:inline-block;padding:1px 8px;border-radius:2px;font-size:12px;background:var(--accent-soft);color:var(--accent);font-weight:600}.pill.type{background:var(--mono-bg);color:var(--ink-2)}.pill.open{background:var(--alert-soft);color:var(--alert)}.pill.live{background:var(--teal-soft);color:var(--teal)}.fac{display:grid;grid-template-columns:300px 1fr 340px;gap:14px;padding:14px;min-height:100vh;--bg:#1A1A1A;--surface:#2D2D2D;--ink:#F2F2F2;--ink-2:#B0B0B0;--ink-3:#757575;--line:#4A4A4A;--accent:#86BC25;--accent-soft:#2D3D1A;--alert:#DA291C;--alert-soft:#3D1A18;--mono-bg:#2D2D2D;--good:#86BC25;--bad:#DA291C;--teal:#00A3E0;--teal-soft:#0D2A38;--amber:#ED8B00;background:var(--bg);color:var(--ink)}.col{display:flex;flex-direction:column;gap:10px;min-width:0}.topbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;background:var(--surface);border:1px solid var(--line)}.queue-item{padding:10px 12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;grid-template-columns:54px 1fr;gap:8px}.queue-item.sel{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.queue-item .t{font-family:Source Code Pro,monospace;font-size:12px;color:var(--accent)}.dials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dial{padding:8px 10px;border:1px solid var(--line);background:var(--surface)}.dial b{font-family:Open Sans,sans-serif;font-weight:700;font-size:22px;display:block}.dial .bar{height:4px;background:var(--line);margin-top:4px;position:relative}.dial .bar i{position:absolute;top:0;height:4px;background:var(--accent)}.dial .bar i.neg{background:var(--alert)}.answer{border-left:3px solid var(--accent);padding:6px 10px;margin:6px 0;background:var(--mono-bg)}.fac-only{border-left:3px solid var(--alert);padding:8px 12px;background:var(--alert-soft);margin-top:10px}.log{font-family:Source Code Pro,monospace;font-size:12px;max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:3px}.play{max-width:680px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.play-branded{border-top:3px solid var(--accent)}.inject{border-left:4px solid var(--accent)}.inject.unanswered{border-left-color:var(--alert)}.media{background:var(--mono-bg);padding:10px;margin:8px 0;border-radius:2px}.media audio{width:100%}.ok{color:var(--good)}.landing{max-width:680px;margin:0 auto;padding:40px 16px;display:flex;flex-direction:column;gap:16px;min-height:100vh;justify-content:center;align-items:center}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:-1}.landing h1{font-size:40px;color:#fff}.landing .card{background:#1a1a1a;border-color:#2d2d2d;width:100%;max-width:400px}.landing input,.landing select,.landing textarea{background:#2d2d2d;border-color:#4a4a4a;color:#f2f2f2}.landing button{background:#86bc25;color:#fff}.landing button.ghost{background:transparent;color:#86bc25;border-color:#86bc25}.landing .label{color:#757575}.landing .err{color:#da291c}@media (max-width:960px){.fac{grid-template-columns:1fr}}@media (max-width:700px){.preview-grid{grid-template-columns:1fr!important}.preview-nav{position:static!important;height:auto!important}}