: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 18px;color:var(--muted);font-size:15px}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mode-tab{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;font:500 13px/1 var(--font)}.mode-tab.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.check{display:flex!important;align-items:center;gap:8px;color:var(--text)!important;font-size:13px!important}.master-box{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.master-box summary{cursor:pointer;color:var(--muted);margin-bottom:10px}.master-box[open] summary{margin-bottom:12px}.master-box label{display:grid;gap:6px;margin-bottom:10px;color:var(--text);font-size:13px}.admin-panel .form-grid{max-width:420px}.admin-lead{margin:0 0 8px;color:var(--muted);font-size:14px}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-bar .muted{color:var(--muted);font-weight:400;font-size:13px}.admin-console .host-row{margin-bottom:0}.admin-connect{flex:0 0 auto;white-space:nowrap}.super-box{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:12px;max-width:420px}.hidden{display:none!important}.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-row{display:flex;gap:6px;align-items:stretch}.host-row .host-item{flex:1;min-width:0}.host-remove{flex:0 0 36px;border:1px solid var(--line);background:var(--bg0);color:var(--muted);border-radius:8px;cursor:pointer;font-size:18px;line-height:1}.host-remove:hover{color:#e8e8e8;border-color:#8a4a4a;background:#2a1c1c}.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:flex;flex-direction:column;flex:1;min-height:0}.login.hidden{display:none}body.in-session{height:100vh;overflow:hidden;background:#0a0d11}body.in-session #app{height:100vh;min-height:0}body.in-session .shell{max-width:none;height:100%;margin:0;padding:0;display:flex;flex-direction:column}body.in-session .brand,body.in-session .tagline{display:none}.toolbar{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;margin:0;background:#121820;border-bottom:1px solid var(--line)}.toolbar .meta{font-family:var(--mono);font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.toolbar .status{margin:0 auto 0 0;font-size:12px;white-space:nowrap}.toolbar .ghost{flex:0 0 auto;padding:8px 12px}.stage{position:relative;flex:1;min-height:0;background:#000;border:0;border-radius:0;overflow:hidden;display:grid;place-items:center}video{width:100%;height:100%;max-height:none;object-fit:contain;background:#000;display:block;cursor:crosshair}.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}