*{box-sizing:border-box}:root{--bg: #0f1222;--panel: #181c30;--panel2: #1f2440;--border: #2a3050;--text: #e8eaf6;--muted: #9aa1c0;--accent: #6366f1;--accent2: #8b5cf6;--green: #22c55e;--red: #ef4444;--amber: #f59e0b}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}code,.mono{font-family:Cascadia Code,Consolas,monospace;font-size:12px}header{display:flex;align-items:center;gap:20px;padding:10px 20px;background:linear-gradient(90deg,var(--panel),var(--panel2));border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:1px;font-size:15px;display:flex;align-items:center;gap:8px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}nav{display:flex;gap:4px;flex:1;overflow-x:auto}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:7px 13px;border-radius:8px;cursor:pointer;font-size:13px;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{background:var(--accent);color:#fff}.live-badge{font-weight:700;font-size:13px;padding:5px 12px;border-radius:20px;background:#1c1f36;color:var(--muted);border:1px solid var(--border)}.live-badge.on{background:#2d1b1b;color:#ff6b6b;border-color:var(--red)}main{padding:20px;flex:1;max-width:1280px;width:100%;margin:0 auto}.grid{display:grid;gap:16px}.live-grid,.two-col{grid-template-columns:1fr 1fr}@media (max-width: 900px){.live-grid,.two-col{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.card h2{margin:0 0 12px;font-size:16px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-head h2{margin:0}.muted{color:var(--muted)}.small{font-size:12px}.err{color:var(--red)}.row{display:flex;align-items:center}.gap{gap:8px}.row.gap{flex-wrap:wrap}input,select,textarea{background:var(--panel2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;width:100%;margin-bottom:10px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical}label{display:block;color:var(--muted);font-size:12px;margin:8px 0 4px}label.check{display:flex;align-items:center;gap:8px;color:var(--text)}label.check input{width:auto;margin:0}.btn{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:#2a1a1a;border-color:#4a2020;color:#ff8080}.btn.small{padding:4px 9px;font-size:12px}.badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:#1c1f36;color:var(--muted)}.badge.on{background:#2d1b1b;color:#ff6b6b}.tag{font-size:10px;padding:2px 7px;border-radius:10px;background:#2b2545;color:#c4b5fd;margin-left:6px}.chat-feed{background:#10131f;border:1px solid var(--border);border-radius:10px;height:420px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-line{display:flex;gap:8px;align-items:baseline}.chat-line .who{font-weight:700;color:#fbbf24;font-size:12px;flex-shrink:0}.chat-line .who.host{color:var(--green)}.chat-line .say{color:var(--text);font-size:13px}.chat-line.host{background:#16251c;border-radius:8px;padding:6px 8px}.pinned-card{display:flex;gap:12px;background:var(--panel2);border:1px solid var(--accent);border-radius:10px;padding:10px;margin-bottom:12px}.pin-emoji{font-size:30px}.product-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.chip{background:var(--panel2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:20px;cursor:pointer;font-size:12px}.chip:hover{border-color:var(--accent)}.chip-active{background:var(--accent);border-color:var(--accent)}.toast{margin-top:10px;padding:8px 12px;border-radius:8px;background:#16251c;border:1px solid #22543d;color:#86efac;font-size:13px}.table{display:flex;flex-direction:column;gap:8px}.table-row{display:flex;gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:10px}.table-row.sensitive{border-color:var(--amber)}.table-row.muted-row{opacity:.55}.table-row.stack{flex-direction:column;align-items:stretch}.t-emoji{font-size:24px}.t-main{flex:1;min-width:0}.t-actions{display:flex;gap:6px}.whisper-box{padding:10px;border-radius:8px;background:#2a2415;border:1px solid #5b4a1e;color:#fbbf24;font-size:12px;margin-bottom:14px}.whisper-box.ok{background:#16251c;border-color:#22543d;color:#86efac}.module-settings{margin-top:10px;background:#10131f;border-radius:8px;padding:10px}.manual-box{margin-top:10px}.connector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:18px}.connector{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.connector:hover{border-color:var(--accent)}.connector.active{border-color:var(--accent);background:#20255a}.note-box{background:#10131f;border:1px dashed var(--border);border-radius:8px;padding:10px;font-size:12px;color:var(--muted);margin-bottom:10px}.avatar-row{display:flex;gap:18px;margin-bottom:16px}.avatar-preview{width:260px;flex-shrink:0}.avatar-empty{width:100%;height:220px;display:flex;align-items:center;justify-content:center;background:var(--panel2);border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:13px}.avatar-forms{min-width:0}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.asset{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:8px}.asset.active{border-color:var(--accent)}@media (max-width: 700px){.avatar-row{flex-direction:column}.avatar-preview{width:100%}}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.gate-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px;text-align:center}.gate-logo{font-size:40px}.gate-card h2{margin:8px 0 2px;letter-spacing:1px}.gate-sub{color:var(--muted);margin:0 0 18px;font-size:13px}.gate-card label{text-align:left}.gate-status{border:1px dashed var(--border);border-radius:10px;padding:12px;font-weight:700;font-size:13px;margin-bottom:16px}.gate-err{background:#2a1a1a;border:1px solid #4a2020;color:#ff8080;border-radius:8px;padding:9px;font-size:12px;margin-bottom:10px}.gate-card .btn{width:100%;margin-bottom:8px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.gate-card .btn-ghost{width:100%;background:transparent;border:1px solid var(--border);color:var(--muted)}.gate-note{color:var(--muted);font-size:11px;margin:14px 0 0}.license-box p{margin:6px 0}.license-box code{background:var(--panel2);padding:2px 8px;border-radius:6px;word-break:break-all}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}