: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:16px 20px 28px}.brand{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.tagline{display:none}.check{display:flex!important;align-items:center;gap:8px;width:fit-content;max-width:100%;color:var(--text)!important;font-size:13px!important}.check-inline{margin:0;white-space:nowrap;font-weight:400}.group-checks .check{width:fit-content}.admin-login-box{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.admin-login-box .actions{margin-top:0}.fav-add{display:flex;gap:8px;margin-bottom:10px}.fav-add input{flex:1;min-width:0}.group-checks{display:grid;gap:6px;margin-bottom:10px;justify-items:start}.device-group-select{flex:0 0 auto;max-width:140px;background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 8px;font:13px/1.2 var(--font)}.admin-console{display:grid;gap:16px}.admin-console.hidden{display:none!important}.master-box{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.master-box summary{cursor:pointer;color:var(--muted);margin-bottom:8px}.master-box[open] summary{margin-bottom:10px}.master-box label{display:grid;gap:4px;margin-bottom:8px;color:var(--text);font-size:13px}#contactName[readonly]{opacity:.92;cursor:default;color:var(--muted)}.list-hint{margin:0 0 8px;color:var(--muted);font-size:12px;line-height:1.35}.contact-main{flex:1;min-width:0;display:grid;gap:4px}.contact-name{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--text);font:600 14px/1.2 var(--font);padding:8px 10px}.host-add:disabled{opacity:.55;cursor:default}.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:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-grid{display:grid;gap:10px;max-width:480px}.form-grid>label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.layout-two{display:grid;gap:14px;grid-template-columns:minmax(260px,480px) 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:6px}.list-hint{display:none}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:0}.actions-row{gap:8px}.actions-row button{padding:9px 12px;font-size:13px}.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[type=checkbox]{width:auto;height:auto;flex:0 0 auto;margin:0;padding:0;accent-color:var(--accent)}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}