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:14vh;right:clamp(26px,5vw,92px);width:min(360px,30vw);max-height:76vh;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.spatial-task-view .activity-panel{display:none}.activity-panel>.panel-heading,.activity-panel>.stream-caption,.activity-panel>.system-trace,.activity-panel>.tasks-clear{display:none}.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}.stream-caption{margin:10px 0 0;color:#52636a;font-size:10px;line-height:1.45}.task-list{display:grid;gap:11px;margin:0;overflow:visible}.task-group h3{width:max-content;margin:0 0 5px 12px;padding:3px 7px;border-left:1px solid rgb(103 232 249 / 42%);background:#020e1485;color:#67e8f9;font:9px ui-monospace,monospace;letter-spacing:.16em;text-shadow:0 0 8px rgb(34 211 238 / 55%)}.task-group{display:grid;gap:9px}.task-item{position:relative;width:min(320px,100%);overflow:hidden;padding:11px 12px 9px;border:1px solid rgb(103 232 249 / 34%);border-left:2px solid #64748b;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgb(103 232 249 / 2%) 4px),linear-gradient(135deg,rgb(34 211 238 / 9%),transparent 40%),#020e14c7;box-shadow:0 0 0 1px #22d3ee0d inset,0 0 22px #22d3ee1f,0 18px 42px #0000003d;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transform:perspective(820px) rotateY(-5deg) rotateX(.7deg);transform-origin:right center;pointer-events:auto}.task-item.running,.task-item.processing,.task-item.streaming,.task-item.queued,.task-item.starting{border-left-color:#22d3ee;background:linear-gradient(90deg,#0891b226,#ffffff05)}.task-item.complete,.task-item.completed{border-left-color:#34d399;opacity:.72}.task-item.error,.task-item.failed{border-left-color:#f87171}.task-item .task-label{margin:0;color:#cfe8ed;font-size:11px;line-height:1.35}.task-log{display:grid;gap:3px;margin:8px 0 0;padding:0;list-style:none;color:#78909a;font:9px/1.4 ui-monospace,monospace}.task-log li:before{content:"› ";color:#22d3ee}.task-log li:last-child{color:#cffafe}.task-result{display:-webkit-box;margin:6px 0 0;overflow:hidden;color:#78909a;font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-meta{display:flex;justify-content:space-between;margin-top:5px;color:#52636a;font:9px ui-monospace,monospace}.task-group-recent .task-item{width:min(242px,78%);justify-self:end;padding:7px 9px;border-color:#34d39940;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgb(52 211 153 / 2%) 4px),linear-gradient(135deg,rgb(52 211 153 / 7%),transparent 42%),#020e14b3;transform-origin:right center}.task-group-recent .task-item:nth-of-type(1){transform:translate(8px) perspective(820px) rotateY(-8deg) rotate(.6deg)}.task-group-recent .task-item:nth-of-type(2){transform:translate(-22px) perspective(820px) rotateY(-4deg) rotate(-.8deg)}.task-group-recent .task-item:nth-of-type(3){transform:translate(18px) perspective(820px) rotateY(-9deg) rotate(.4deg)}.task-group-recent .task-item:nth-of-type(4){transform:translate(-8px) perspective(820px) rotateY(-5deg) rotate(-.5deg)}.task-group-recent .task-item:nth-of-type(5){transform:translate(25px) perspective(820px) rotateY(-10deg) rotate(.7deg)}.tasks-clear{width:100%;margin-top:10px;border-color:transparent;background:transparent;color:#52636a;font-size:10px}.system-trace{margin-top:12px;border-top:1px solid rgb(103 232 249 / 10%)}.system-trace summary{padding-top:10px;color:#52636a;cursor:pointer;font:9px ui-monospace,monospace;letter-spacing:.12em}.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}.log-dialog{width:min(760px,calc(100vw - 32px));max-height:min(78vh,760px);padding:18px;overflow:hidden;border:1px solid rgb(103 232 249 / 38%);border-radius:8px;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgb(103 232 249 / 2%) 4px),#071016;color:#dffbff;box-shadow:0 24px 100px #000}.log-dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.log-dialog-caption{margin:10px 0 14px;color:#78909a;font-size:11px}.log-dialog-list{display:grid;gap:6px;max-height:calc(78vh - 105px);overflow-y:auto}.log-entry{display:grid;grid-template-columns:46px 88px minmax(0,1fr);gap:10px;padding:8px 10px;border-left:2px solid #22d3ee;background:#082f493d;color:#cfe8ed;font:12px/1.45 ui-monospace,monospace}.log-entry.error{border-left-color:#f87171;background:#7f1d1d38}.log-entry time,.log-entry-label{color:#67e8f9}.log-entry.error .log-entry-label{color:#fca5a5}.log-empty{color:#78909a;font:12px ui-monospace,monospace}.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}.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-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{display:none}.activity-panel{top:54px;right:6px;width:min(272px,calc(100vw - 24px));max-height:52vh}.activity-panel .task-list{max-height:52vh;overflow-y:auto}.activity-panel .task-item{width:min(250px,94%);padding:8px 9px;transform:perspective(700px) rotateY(-4deg)}.activity-panel .task-group-recent .task-item{width:min(200px,78%)}.activity-panel .task-group h3{margin-left:28px}.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-form{grid-template-columns:minmax(0,1fr) 72px;padding:8px}#chat-input,#chat-send{height:38px;font-size:14px}}