:root{--bg0: #0f1419;--bg1: #1a222c;--bg2: #243040;--line: #2f3d4d;--text: #e8eef4;--muted: #8fa3b5;--accent: #2f9e7a;--accent-2: #3db892;--danger: #d45d5d;--warn: #c9a227;--radius: 10px;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1c3a32 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#24344a 0%,transparent 50%),var(--bg0);color:var(--text);font-family:var(--font)}body,#app{min-height:100vh}.shell{max-width:1100px;margin:0 auto;padding:28px 20px 40px}.brand{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.tagline{margin:0 0 28px;color:var(--muted);font-size:15px}.panel{background:color-mix(in srgb,var(--bg1) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-grid{display:grid;gap:14px;max-width:420px}.layout-two{display:grid;gap:20px;grid-template-columns:minmax(260px,420px) minmax(220px,1fr);align-items:start}@media(max-width:860px){.layout-two{grid-template-columns:1fr}}.lists{display:grid;gap:16px}.list-title{font-size:13px;color:var(--muted);margin-bottom:8px}.host-list{display:grid;gap:8px;max-height:280px;overflow:auto;padding-right:4px}.host-item{display:grid;gap:2px;text-align:left;width:100%;border:1px solid var(--line);background:var(--bg0);color:var(--text);border-radius:8px;padding:10px 12px;cursor:pointer;font:inherit}.host-item strong{font-size:14px}.host-item span{font-size:12px;color:var(--muted);font-family:var(--mono)}.host-item:hover{border-color:var(--accent)}.empty{color:var(--muted);font-size:13px;padding:8px 0}.tiny-btn{margin-top:8px;padding:8px 12px;font-size:12px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}input{width:100%;border:1px solid var(--line);background:var(--bg0);color:var(--text);border-radius:8px;padding:12px;font-size:16px;font-family:var(--mono);outline:none}input:focus{border-color:var(--accent)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}button{border:0;border-radius:8px;padding:11px 16px;font:500 14px/1 var(--font);cursor:pointer}button.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#04140f}button.ghost{background:var(--bg2);color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.55;cursor:not-allowed}.status{margin-top:14px;font-size:13px;color:var(--muted)}.status.error{color:var(--danger)}.status.ok{color:var(--accent-2)}.session{display:none}.session.active{display:block}.login.hidden{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.toolbar .meta{font-family:var(--mono);font-size:13px;color:var(--muted)}.stage{position:relative;background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:360px;display:grid;place-items:center}video{width:100%;height:auto;max-height:calc(100vh - 160px);background:#000;display:block;cursor:none}.hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);pointer-events:none;padding:24px;text-align:center}.hint.hidden{display:none}