html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#121416;color:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.hud-panel{position:fixed;z-index:22;border:1px solid rgb(103 232 249 / 20%);background:linear-gradient(180deg,#050c11e5,#03080cd1);box-shadow:0 18px 60px #00000061;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.channel-rail{top:16px;bottom:16px;left:16px;width:210px;display:flex;flex-direction:column;padding:14px}.activity-panel{top:16px;right:16px;width:270px;max-height:calc(100vh - 150px);padding:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading strong{display:block;color:#dffbff;font-size:13px;letter-spacing:.16em}.eyebrow{display:block;margin-bottom:2px;color:#22d3ee;font-size:9px;letter-spacing:.28em}.icon-button{width:32px;min-width:32px;padding:0;border-color:#67e8f94d;background:#082f4985}.channel-list{display:grid;gap:5px;margin:18px 0 12px;overflow-y:auto}.channel-item{display:flex;align-items:center;gap:9px;width:100%;padding:0 10px;border-color:transparent;background:transparent;color:#8da4ad;text-align:left}.channel-item:hover{color:#dffbff;background:#22d3ee14}.channel-item.active{border-color:#22d3ee4d;background:linear-gradient(90deg,#0891b252,#082f492e);color:#ecfeff}.channel-mark{color:#22d3ee}.rail-action{margin-top:auto;background:transparent;color:#78909a;font-size:12px}.activity-count{min-width:24px;padding:3px 7px;border:1px solid rgb(103 232 249 / 20%);border-radius:999px;color:#78909a;font:11px ui-monospace,monospace;text-align:center}.activity-count.active{border-color:#22d3ee;color:#67e8f9;box-shadow:0 0 12px #22d3ee40}.activity-list{display:grid;gap:2px;margin-top:14px;overflow-y:auto}.operation-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;border-bottom:1px solid rgb(103 232 249 / 12%)}.operation-tab{border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#52636a;font:9px ui-monospace,monospace;letter-spacing:.14em}.operation-tab.active{border-bottom-color:#22d3ee;background:#22d3ee0d;color:#67e8f9}.task-list{display:grid;gap:6px;margin-top:12px}.task-item{padding:9px;border:1px solid rgb(255 255 255 / 6%);border-left:2px solid #64748b;background:#ffffff05}.task-item.running,.task-item.processing,.task-item.streaming,.task-item.queued,.task-item.starting{border-left-color:#22d3ee}.task-item.complete{border-left-color:#34d399;opacity:.58}.task-item.error{border-left-color:#f87171}.task-item p{margin:0;color:#cfe8ed;font-size:11px;line-height:1.35}.task-meta{display:flex;justify-content:space-between;margin-top:5px;color:#52636a;font:9px ui-monospace,monospace}.tasks-clear{width:100%;margin-top:10px;border-color:transparent;background:transparent;color:#52636a;font-size:10px}.activity-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;padding:8px 2px;border-bottom:1px solid rgb(255 255 255 / 5%);color:#8799a1}.activity-item:first-child{color:#dffbff}.activity-item p{margin:0;font-size:11px;line-height:1.35}.activity-item time{color:#52636a;font:9px ui-monospace,monospace}.activity-dot{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#64748b}.activity-item.running .activity-dot{background:#22d3ee;box-shadow:0 0 9px #22d3ee;animation:activity-pulse 1.2s ease-in-out infinite}.activity-item.complete .activity-dot{background:#34d399}.activity-item.error{color:#fecaca}.activity-item.error .activity-dot{background:#f87171}.activity-empty{color:#52636a;font-size:11px}.channel-dialog{width:min(460px,calc(100vw - 32px));padding:18px;border:1px solid rgb(103 232 249 / 30%);border-radius:8px;background:#071016;color:#dffbff;box-shadow:0 24px 100px #000}.channel-dialog::backdrop{background:#000000ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.channel-dialog form,.channel-dialog label{display:grid;gap:8px}.channel-dialog form{gap:16px}.channel-dialog label{color:#8da4ad;font-size:12px}.channel-dialog textarea{resize:vertical;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;background:#101b21;color:#f4f1e8;font:inherit;padding:10px}.channel-dialog select{height:36px;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;background:#101b21;color:#f4f1e8;padding:0 10px}.channel-dialog .checkbox-row{display:flex;grid-template-columns:none;align-items:center;gap:9px}.channel-dialog .checkbox-row input{width:16px;height:16px;accent-color:#22d3ee}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.danger-button{margin-right:auto;color:#fca5a5}.primary-button{border-color:#22d3ee;background:#155e75}@keyframes activity-pulse{50%{opacity:.35}}.access-denied{position:fixed;inset:0;display:grid;place-items:center;background:#121416;color:#c9d1d5}.access-denied[hidden]{display:none}.access-denied p{margin:0;font-size:16px}#world{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#world:active{cursor:grabbing}.hologram-close{position:fixed;z-index:18;width:30px;height:30px;padding:0;border:1px solid rgb(165 243 252 / 78%);border-radius:999px;background:#031e2ae0;box-shadow:0 0 16px #22d3ee73;color:#cffafe;font-size:22px;line-height:26px;pointer-events:auto;transform:translate(-50%,-50%)}.hologram-close:hover{border-color:#ecfeff;background:#083344f0}.hud{position:fixed;top:16px;left:242px;width:min(420px,calc(100vw - 32px));display:grid;gap:10px;padding:12px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#121416d1;box-shadow:0 16px 44px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud[hidden]{display:none}.toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}button,input{height:34px;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;background:#24292c;color:#f4f1e8;font:inherit}button{cursor:pointer}button.active{border-color:#7dd3fc;background:#164e63}.speech-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;font-size:13px}.speech-row span{color:#b7c4c9}input{min-width:0;padding:0 10px}#snapshot{max-height:34vh;min-height:160px;margin:0;overflow:auto;white-space:pre-wrap;color:#dce7de;font-size:12px;line-height:1.45}#subtitle{display:none;width:min(880px,calc(100vw - 64px));justify-self:center;padding:14px 22px;border-radius:8px;background:#121416c7;box-shadow:0 12px 34px #0000005c;color:#f8fafc;font-size:clamp(22px,2.4vw,36px);font-weight:700;line-height:1.35;text-align:center;text-wrap:balance;z-index:19}#subtitle:not(:empty){display:block}.chat-panel{position:fixed;right:50%;bottom:18px;width:min(920px,calc(100vw - 32px));display:grid;gap:8px;transform:translate(50%);z-index:20}.chat-history{width:min(860px,calc(100vw - 48px));justify-self:center}.chat-history-toggle{display:block;margin:0 0 5px auto;padding:4px 9px;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;background:#121416c2;color:#e2e8f0;font-size:12px;cursor:pointer}.chat-log{max-height:min(42vh,320px);display:grid;gap:4px;justify-items:center;overflow-y:auto;pointer-events:auto}.chat-history.is-collapsed .chat-message:not(:first-child){display:none}.chat-message{max-width:min(820px,100%);padding:6px 10px;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;background:#121416b3;color:#f8fafc;font-size:13px;line-height:1.35;box-shadow:0 8px 24px #0000003d;overflow-wrap:anywhere}.chat-speaker{margin-right:8px;color:#7dd3fc;font-weight:700}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:8px;padding:10px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#121416d6;box-shadow:0 16px 44px #00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-mode-row{display:flex;grid-column:1 / -1;gap:.45rem;align-items:center}.chat-mode-row select,.chat-mode-row button{min-height:2rem}.xangi-continuity-controls{display:inline-flex;gap:.35rem}.live-status{font-size:.75rem;opacity:.78}#mic-toggle.active{border-color:#f87171cc;background:#991b1bc7}.ai-voice-notice{position:fixed;top:12px;right:302px;display:block;padding:5px 9px;border-radius:999px;background:#121416a3;color:#ffffffad;text-align:right;z-index:30}#chat-input{width:100%;height:40px;font-size:15px}#chat-send{height:40px;font-weight:700;background:#256b75}@media(max-width:640px){.channel-rail,.activity-panel{display:none}.hud{top:auto;bottom:12px;left:12px;width:calc(100vw - 24px)}.ai-voice-notice{right:12px}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}#subtitle{width:calc(100vw - 28px);font-size:20px}.chat-panel{bottom:10px;width:calc(100vw - 20px)}.chat-history{width:calc(100vw - 24px)}.chat-form{grid-template-columns:minmax(0,1fr) 72px;padding:8px}#chat-input,#chat-send{height:38px;font-size:14px}}