:root{--bg-deep:#02060f;--bg-mid:#061226;--grid:rgba(0,200,255,0.07);--cyan:#00d9ff;--cyan-dim:rgba(0,217,255,0.4);--cyan-glow:rgba(0,217,255,0.6);--purple:#b48bff;--purple-glow:rgba(180,139,255,0.6);--amber:#ffb547;--red:#ff3355;--green:#2ff58b;--text:#cfeaff;--text-bright:#ffffff;--text-dim:#6c8fb0;--card-bg:rgba(0,30,60,0.45);--card-bg-strong:rgba(0,30,60,0.7);--card-border:rgba(0,217,255,0.35)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:radial-gradient(ellipse at center,var(--bg-mid) 0,var(--bg-deep) 80%);color:var(--text);font-family:Orbitron,Inter,Helvetica Neue,sans-serif;min-height:100vh;overflow:hidden}body:before{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;z-index:0}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.015),rgba(255,255,255,.015) 1px,transparent 0,transparent 3px);z-index:1}.container{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:1500px;z-index:2;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.container.draggable{top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;width:auto!important;max-width:none!important;cursor:-webkit-grab;cursor:grab;box-shadow:0 0 32px rgba(0,217,255,.3);border:1px solid rgba(0,217,255,.5)}.container.draggable .header{cursor:-webkit-grab;cursor:grab}.container.draggable .header,.resize-handle{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,rgba(0,217,255,.6) 0);pointer-events:all}.container>.header,.container>.legal-banner{flex-shrink:0}.container>.top-grid{flex:0 1 auto;min-height:0;max-height:42vh}.container>.tabs-wrap{flex:1 1;min-height:0}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px}.logo{font-size:20px;font-weight:700;letter-spacing:.4em;color:var(--cyan);text-shadow:0 0 12px var(--cyan-glow)}.logo .sub{font-size:10px;letter-spacing:.3em;color:var(--text-dim);margin-left:8px}.clock{font-size:12px;color:var(--cyan)}.clock,.mode-tag{letter-spacing:.2em}.mode-tag{padding:3px 12px;border:1px solid var(--green);color:var(--green);font-size:10px;border-radius:2px}.legal-banner{display:none;padding:6px 14px;background:rgba(255,51,85,.15);border:1px solid var(--red);color:var(--red);font-size:12px;letter-spacing:.1em;border-radius:4px;animation:pulse-red 2s infinite}.legal-banner.active{display:block}@keyframes pulse-red{0%,to{box-shadow:0 0 8px rgba(255,51,85,.3)}50%{box-shadow:0 0 16px rgba(255,51,85,.6)}}.top-grid{display:grid;grid-template-columns:1fr 360px 1fr;grid-gap:40px;gap:40px;align-items:stretch}@media (max-width:1100px){.top-grid{grid-template-columns:1fr;gap:12px}.top-grid .center-col{order:-1}}.agent-col{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;min-height:0}.agent-card{padding:14px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s;display:flex;flex-direction:column;justify-content:space-between;min-height:0;overflow:hidden}.agent-card:hover{border-color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow)}.agent-card.active{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.agent-card.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.agent-card.alert{border-color:var(--red);box-shadow:0 0 10px rgba(255,51,85,.4)}.agent-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.agent-name{font-size:15px;font-weight:700;letter-spacing:.25em;color:var(--cyan)}.agent-status{font-size:10px;letter-spacing:.2em;padding:3px 8px;border-radius:2px}.status-idle{color:var(--text-dim);border:1px solid var(--text-dim)}.status-active{color:var(--green);border:1px solid var(--green)}.status-wait{color:var(--amber);border:1px solid var(--amber)}.status-alert{color:var(--red);border:1px solid var(--red)}.agent-role{font-size:11px;color:var(--text-dim);letter-spacing:.15em;margin-bottom:6px}.agent-task{font-size:12px;color:var(--text);line-height:1.5}.agent-meta{margin-top:10px;font-size:10px;color:var(--text-dim);display:flex;justify-content:space-between;letter-spacing:.1em}.center-col{flex-direction:column;height:100%}.center-col,.orb-section{display:flex;align-items:center;min-height:0;width:100%}.orb-section{flex:1 1;flex-direction:column;justify-content:center}.orb-frame{position:relative;width:100%;aspect-ratio:1;max-height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.orb-section .orb-label{margin-top:12px;flex-shrink:0}.orb-section .orb-state{margin-top:4px;flex-shrink:0}.orb-ring{position:absolute;border:1px solid var(--cyan-dim);border-radius:50%;animation:rotate 20s linear infinite}.orb-ring.r1{inset:0}.orb-ring.r2{inset:5%;animation-duration:14s;animation-direction:reverse;border-style:dashed}.orb-ring.r3{inset:12%;animation-duration:30s;border-color:rgba(0,217,255,.2)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orb{width:56%;height:56%;background:radial-gradient(circle at 30% 30%,#87f0ff 0,var(--cyan) 30%,#0070a0 80%,#003050 100%);box-shadow:0 0 60px var(--cyan-glow),0 0 120px rgba(0,217,255,.3),inset 0 0 50px rgba(135,240,255,.4);animation:orb-breathe 3s ease-in-out infinite;position:relative;transition:all .3s}.orb,.orb:before{border-radius:50%}.orb:before{content:"";position:absolute;inset:20%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),transparent 60%)}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.orb.listening{animation:listening-pulse .8s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#c0fdff 0,#00ffd5 30%,#00b894 80%,#003830 100%);box-shadow:0 0 80px rgba(0,255,213,.8),0 0 160px rgba(0,255,213,.4)}@keyframes listening-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.orb.thinking{animation:thinking-spin 1.2s linear infinite;background:radial-gradient(circle at 30% 30%,#e0c8ff 0,var(--purple) 30%,#5530a0 80%,#1a0a40 100%);box-shadow:0 0 80px var(--purple-glow),0 0 160px rgba(180,139,255,.4)}@keyframes thinking-spin{0%{transform:rotate(0deg) scale(1.05)}to{transform:rotate(1turn) scale(1.05)}}.orb.speaking{animation:speaking-talk .4s ease-in-out infinite,speaking-glow 1.6s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffd680 0,var(--amber) 30%,#b86810 80%,#401e00 100%);box-shadow:0 0 80px rgba(255,181,71,.8),0 0 160px rgba(255,181,71,.4)}@keyframes speaking-talk{0%,to{transform:scale(1.05)}50%{transform:scale(1.18)}}@keyframes speaking-glow{0%,to{filter:brightness(1) saturate(1)}33%{filter:brightness(1.25) saturate(1.2)}66%{filter:brightness(.9) saturate(.9)}}.orb.recording{animation:recording-pulse .5s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ffaaba 0,var(--red) 30%,#800020 80%,#200008 100%);box-shadow:0 0 60px rgba(255,51,85,.8),0 0 120px rgba(255,51,85,.4)}@keyframes recording-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.orb.standby-listening{animation:standby-breathe 4s ease-in-out infinite}@keyframes standby-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.orb.sleeping{animation:none;background:radial-gradient(circle at 30% 30%,#6688aa 0,#335577 30%,#112233 80%,#000508 100%);box-shadow:0 0 12px rgba(100,130,160,.2);opacity:.5}.orb-label{font-size:14px;letter-spacing:.5em;color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}.orb-state{font-size:11px;letter-spacing:.3em;color:var(--text-dim);text-align:center}.telemetry-mini{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;width:100%;flex-shrink:0;margin-top:auto}.tel-cell{padding:12px 6px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;text-align:center}.tel-label{font-size:10px;letter-spacing:.25em;color:var(--text-dim);margin-bottom:4px}.tel-value{font-size:22px;font-weight:600;color:var(--cyan);letter-spacing:.1em;text-shadow:0 0 6px var(--cyan-glow)}.tel-value.alert{color:var(--red);text-shadow:0 0 6px var(--red)}.tabs-wrap{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:0;overflow:hidden}.tabs-bar{display:flex;border-bottom:1px solid var(--card-border);background:rgba(0,30,60,.3)}.tab-btn{flex:1 1;padding:10px 14px;background:transparent;border:none;border-right:1px solid var(--card-border);color:var(--text-dim);font-family:inherit;font-size:11px;letter-spacing:.25em;cursor:pointer;transition:all .2s;position:relative}.tab-btn:last-child{border-right:none}.tab-btn:hover{color:var(--cyan);background:rgba(0,217,255,.05)}.tab-btn.active{color:var(--cyan);background:rgba(0,217,255,.1)}.tab-btn.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.tab-badge{display:inline-block;margin-left:6px;padding:1px 5px;background:var(--red);color:white;font-size:9px;border-radius:6px;letter-spacing:.05em}.tab-badge.normal{background:var(--cyan)}.tab-panels{flex:1 1;overflow:hidden;position:relative;min-height:0}.tab-panel{display:none;height:100%;overflow-y:auto;padding:14px}.tab-panel.active{display:block}.tab-panel#tab-convo{padding:0;overflow:hidden}.tab-panel#tab-convo.active{display:flex;flex-direction:column}.conversation{flex:1 1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.conversation::-webkit-scrollbar{width:6px}.conversation::-webkit-scrollbar-track{background:transparent}.conversation::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.msg{display:grid;grid-template-columns:32px 1fr;grid-gap:10px;gap:10px;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid var(--card-border);background:rgba(0,30,60,.5)}.msg-body{min-width:0}.msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.msg-who{font-size:11px;letter-spacing:.2em;font-weight:700}.msg-time{font-size:9px;color:var(--text-dim);letter-spacing:.15em}.msg-text{font-size:13px;line-height:1.55;color:var(--text);word-break:break-word;-webkit-user-select:text;-moz-user-select:text;user-select:text}.msg-text.streaming:after{content:"▋";display:inline-block;color:var(--cyan);margin-left:2px;animation:cursor-blink .85s step-end infinite;text-shadow:0 0 6px var(--cyan-glow)}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.msg{cursor:pointer}.msg:active{background:rgba(0,217,255,.05);border-radius:4px}.approval-card{background:rgba(255,181,71,.1);border:1px solid var(--amber);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 0 12px rgba(255,181,71,.2);max-width:100%}.approval-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.approval-kind{font-size:11px;letter-spacing:.15em;color:var(--amber);font-weight:700}.approval-status{font-size:10px;padding:2px 8px;border-radius:8px;letter-spacing:.1em}.approval-status.status-pending{background:rgba(255,181,71,.2);color:var(--amber);border:1px solid var(--amber)}.approval-status.status-approved{background:rgba(47,245,139,.2);color:var(--green);border:1px solid var(--green)}.approval-status.status-rejected{background:rgba(255,51,85,.2);color:var(--red);border:1px solid var(--red)}.approval-summary{font-size:12px;color:var(--text-dim);font-style:italic}.approval-draft{font-size:13px;color:var(--text);padding:10px;background:rgba(0,30,60,.6);border:1px solid var(--card-border);border-radius:4px;white-space:pre-wrap;-webkit-user-select:text;-moz-user-select:text;user-select:text;line-height:1.5}.approval-actions{display:flex;gap:6px;flex-wrap:wrap}.approval-btn{padding:8px 14px;border:1px solid var(--card-border);background:rgba(0,30,60,.5);color:var(--text);border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:.1em;flex:1 1;min-width:80px}.approval-btn.approve{border-color:var(--green);color:var(--green)}.approval-btn.approve:active{background:rgba(47,245,139,.2)}.approval-btn.reject{border-color:var(--red);color:var(--red)}.approval-btn.reject:active{background:rgba(255,51,85,.2)}.approval-btn.copy{border-color:var(--cyan);color:var(--cyan)}.execute-card{background:rgba(0,217,255,.05);border:1px solid var(--card-border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;max-width:100%}.execute-card.status-running{border-color:var(--purple);box-shadow:0 0 12px rgba(180,139,255,.3);animation:exec-pulse 2s ease-in-out infinite}@keyframes exec-pulse{0%,to{box-shadow:0 0 8px rgba(180,139,255,.2)}50%{box-shadow:0 0 16px rgba(180,139,255,.5)}}.execute-card.status-done{border-color:var(--green)}.execute-card.status-error{border-color:var(--red)}.execute-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cyan)}.execute-icon{font-size:14px}.execute-task{flex:1 1;font-weight:700;letter-spacing:.05em}.execute-agent{font-size:10px;color:var(--amber);background:rgba(255,181,71,.15);padding:1px 6px;border-radius:4px}.execute-progress{background:rgba(0,20,40,.7);border:1px solid var(--card-border);border-radius:4px;padding:6px 10px;font-family:SF Mono,Consolas,monospace;font-size:11px;color:var(--text-dim);max-height:160px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.execute-line{padding:1px 0;line-height:1.4}.execute-summary{font-size:12px;color:var(--green);padding:6px 10px;background:rgba(47,245,139,.1);border-left:2px solid var(--green);border-radius:3px}.status-error .execute-summary{color:var(--red);background:rgba(255,51,85,.1);border-left-color:var(--red)}.execute-timer{font-size:10px;color:var(--amber);background:rgba(255,181,71,.1);padding:1px 6px;border-radius:4px;font-family:SF Mono,Consolas,monospace;letter-spacing:.05em;animation:timer-pulse 1.5s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:.7}50%{opacity:1}}.execute-expand-btn{background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);color:var(--cyan);font-size:10px;padding:2px 8px;border-radius:3px;cursor:pointer;letter-spacing:.05em;font-family:inherit;transition:all .15s ease}.execute-expand-btn:hover{background:rgba(0,217,255,.2);border-color:var(--cyan);box-shadow:0 0 8px rgba(0,217,255,.4)}.execute-modal-overlay{position:fixed;inset:0;background:rgba(0,5,15,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.execute-modal{width:100%;max-width:1100px;height:100%;max-height:90vh;background:rgba(0,15,30,.97);border:1px solid var(--cyan);border-radius:6px;box-shadow:0 0 40px rgba(0,217,255,.3),inset 0 0 20px rgba(0,217,255,.05);display:flex;flex-direction:column;overflow:hidden}.execute-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--card-border);background:rgba(0,30,60,.5);gap:12px}.execute-modal-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1}.execute-modal-icon{font-size:18px}.execute-modal-icon.status-running{color:var(--cyan);animation:orb-pulse 1.5s ease-in-out infinite}.execute-modal-icon.status-done{color:var(--green)}.execute-modal-icon.status-error{color:var(--red)}.execute-modal-task{font-size:14px;font-weight:700;letter-spacing:.05em;color:var(--cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.execute-modal-agent{font-size:11px;color:var(--amber);background:rgba(255,181,71,.15);padding:2px 8px;border-radius:4px;letter-spacing:.05em}.execute-modal-meta{display:flex;align-items:center;gap:10px}.execute-modal-status{font-size:10px;padding:3px 8px;border-radius:3px;letter-spacing:.1em;font-weight:700}.execute-modal-status.status-running{color:var(--cyan);background:rgba(0,217,255,.15)}.execute-modal-status.status-done{color:var(--green);background:rgba(47,245,139,.15)}.execute-modal-status.status-error{color:var(--red);background:rgba(255,51,85,.15)}.execute-modal-close{background:transparent;border:1px solid var(--card-border);color:var(--text-dim);font-size:14px;width:28px;height:28px;border-radius:3px;cursor:pointer;transition:all .15s ease}.execute-modal-close:hover{border-color:var(--red);color:var(--red)}.execute-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.execute-modal-progress{flex:1 1;background:rgba(0,10,25,.6);border:1px solid var(--card-border);border-radius:4px;padding:12px 16px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:var(--text-bright);line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-y:auto}.execute-modal-line{padding:1px 0}.execute-modal-empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:12px;letter-spacing:.1em;font-style:italic}.execute-modal-summary{padding:10px 14px;background:rgba(47,245,139,.08);border-left:3px solid var(--green);border-radius:3px}.execute-modal-status.status-error~* .execute-modal-summary,.status-error .execute-modal-summary{background:rgba(255,51,85,.08);border-left-color:var(--red)}.execute-modal-summary-label{font-size:9px;letter-spacing:.2em;color:var(--text-dim);margin-bottom:4px}.execute-modal-summary-text{font-size:13px;color:var(--green);line-height:1.5}.quick-actions{margin:8px 0 16px;padding:12px;background:rgba(0,30,60,.3);border:1px dashed var(--card-border);border-radius:4px}.quick-actions-title{font-size:10px;letter-spacing:.3em;color:var(--text-dim);margin-bottom:10px}.quick-actions-row{display:flex;flex-wrap:wrap;gap:6px}.quick-action-btn{padding:8px 14px;background:rgba(0,217,255,.08);border:1px solid var(--card-border);color:var(--cyan);font-family:inherit;font-size:12px;letter-spacing:.1em;border-radius:20px;cursor:pointer;transition:all .2s;white-space:nowrap}.quick-action-btn:hover{background:rgba(0,217,255,.2);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.quick-action-btn:active{transform:scale(.96)}.msg-text .path,.msg-text code{background:rgba(0,217,255,.08);color:var(--cyan);padding:1px 6px;border-radius:3px}.msg-text .path,.msg-text code,.msg-text pre{font-family:SF Mono,Consolas,monospace;font-size:12px;border:1px solid var(--card-border)}.msg-text pre{background:rgba(0,20,40,.6);border-radius:3px;padding:10px;margin-top:6px;overflow-x:auto;color:var(--text-bright);-webkit-user-select:text;-moz-user-select:text;user-select:text}.msg.who-hiroki .msg-who{color:var(--green)}.msg.who-hiroki .msg-icon{border-color:var(--green);background:rgba(47,245,139,.1)}.msg.who-hiroki{grid-template-columns:1fr 32px}.msg.who-hiroki .msg-icon{order:2}.msg.who-hiroki .msg-body{order:1;text-align:right;min-width:0}.msg.who-hiroki .msg-head{justify-content:flex-end}.msg.who-hiroki .msg-text{display:inline-block;text-align:left;background:rgba(47,245,139,.12);border:1px solid rgba(47,245,139,.4);padding:8px 12px;border-radius:14px 4px 14px 14px;max-width:85%;box-shadow:0 0 8px rgba(47,245,139,.15)}.msg.who-agent .msg-text,.msg.who-jarvis .msg-text{display:inline-block;background:rgba(0,30,60,.5);border:1px solid var(--card-border);padding:8px 12px;border-radius:4px 14px 14px 14px;max-width:85%}.msg.who-jarvis .msg-text{background:rgba(0,217,255,.08);border-color:rgba(0,217,255,.35);box-shadow:0 0 8px rgba(0,217,255,.15)}.msg.who-jarvis .msg-who{color:var(--cyan)}.msg.who-jarvis .msg-icon{border-color:var(--cyan);background:rgba(0,217,255,.1);box-shadow:0 0 8px var(--cyan-glow)}.msg.who-agent .msg-who{color:var(--amber)}.msg.who-agent .msg-icon{border-color:var(--amber);background:rgba(255,181,71,.1)}.msg.who-legal .msg-who{color:var(--red)}.msg.who-legal .msg-icon{border-color:var(--red);background:rgba(255,51,85,.15)}.msg.who-legal{padding:6px 8px;background:rgba(255,51,85,.05);border-left:2px solid var(--red);border-radius:3px}.msg.who-system .msg-who{color:var(--text-dim)}.msg.who-system .msg-icon{border-color:var(--text-dim);background:rgba(108,143,176,.1)}.msg.who-system .msg-text{color:var(--text-dim);font-size:12px}.input-bar-inline{display:flex;gap:8px;align-items:flex-end;padding:8px;border-top:1px solid var(--card-border);background:rgba(0,30,60,.5)}.command-input{flex:1 1;padding:10px 14px;background:rgba(0,30,60,.6);border:1px solid var(--card-border);color:var(--text);font-family:inherit;font-size:14px;letter-spacing:.05em;line-height:1.5;outline:none;border-radius:3px;transition:border-color .2s,box-shadow .2s;resize:none;min-height:40px;max-height:200px;overflow-y:auto}.command-input:focus{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.command-input::placeholder{color:var(--text-dim)}.btn{padding:10px 14px;height:40px;background:rgba(0,217,255,.1);border:1px solid var(--cyan-dim);color:var(--cyan);cursor:pointer;font-size:12px;border-radius:3px;transition:all .2s;letter-spacing:.1em;font-family:inherit;white-space:nowrap}.btn:hover{background:rgba(0,217,255,.25);box-shadow:0 0 10px var(--cyan-glow)}.btn.active{background:rgba(47,245,139,.2);border-color:var(--green);color:var(--green)}.btn.recording{background:rgba(255,51,85,.2);border-color:var(--red);color:var(--red);animation:rec-pulse 1.4s ease-in-out infinite}@keyframes rec-pulse{0%,to{box-shadow:0 0 6px rgba(255,51,85,.4)}50%{box-shadow:0 0 16px rgba(255,51,85,.8)}}.task-group{margin-bottom:16px}.task-group-head{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:11px;letter-spacing:.25em;color:var(--cyan);border-bottom:1px solid var(--card-border);margin-bottom:8px}.task-group-head .count{background:var(--cyan);color:var(--bg-deep);padding:1px 7px;border-radius:8px;font-size:10px;letter-spacing:0}.task-group.alert .task-group-head{color:var(--red)}.task-group.alert .task-group-head .count{background:var(--red);color:white}.task-item{display:grid;grid-template-columns:24px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 10px;background:rgba(0,30,60,.4);border:1px solid var(--card-border);border-radius:3px;margin-bottom:6px;cursor:pointer;transition:all .2s}.task-item:hover{border-color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}.task-item.urgent{border-color:var(--red)}.task-checkbox{width:16px;height:16px;border:1px solid var(--cyan-dim);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:12px}.task-item.done .task-checkbox{background:var(--green);color:var(--bg-deep);border-color:var(--green)}.task-item.done .task-title{text-decoration:line-through;color:var(--text-dim)}.task-title{font-size:12px;color:var(--text)}.task-agent{font-size:9px;letter-spacing:.15em;color:var(--amber)}.task-meta{font-size:10px;color:var(--text-dim);white-space:nowrap}.summary-section{margin-bottom:18px}.summary-title{font-size:11px;letter-spacing:.25em;color:var(--cyan);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--card-border)}.summary-list{list-style:none;padding-left:0}.summary-list li{padding:4px 0;font-size:12px;color:var(--text);line-height:1.5}.summary-list li:before{content:"▸ ";color:var(--cyan);margin-right:4px}.summary-kpi{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.summary-kpi-cell{padding:10px;background:rgba(0,30,60,.5);border:1px solid var(--card-border);border-radius:3px;text-align:center}.summary-kpi-label{font-size:9px;letter-spacing:.2em;color:var(--text-dim)}.summary-kpi-value{font-size:22px;color:var(--cyan);text-shadow:0 0 6px var(--cyan-glow);margin-top:4px}.output-item{margin-bottom:12px;padding:10px;background:rgba(0,30,60,.5);border:1px solid var(--card-border);border-radius:3px}.output-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.output-title{font-size:11px;letter-spacing:.15em;color:var(--cyan)}.output-source{font-size:9px;color:var(--text-dim);letter-spacing:.1em}.output-body{font-size:12px;color:var(--text);line-height:1.5;background:rgba(0,20,40,.6);padding:8px;border-radius:2px;border-left:2px solid var(--cyan);-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre-wrap}.output-actions{display:flex;gap:6px;margin-top:6px}.output-btn{padding:3px 10px;background:rgba(0,217,255,.1);border:1px solid var(--cyan-dim);color:var(--cyan);cursor:pointer;font-size:10px;border-radius:2px;font-family:inherit;letter-spacing:.1em}.output-btn:hover{background:rgba(0,217,255,.25)}@media (max-width:720px){body,html{-webkit-text-size-adjust:100%}.container,body,html{overflow:hidden;height:100dvh}.container{position:fixed;top:0;left:0;right:0;bottom:0;transform:none;width:100%;max-width:100vw;padding:max(env(safe-area-inset-top),8px) 8px max(env(safe-area-inset-bottom),8px);gap:8px;display:flex;flex-direction:column}.header{flex-wrap:wrap;padding:6px 10px;gap:6px}.logo{font-size:14px;letter-spacing:.25em}.logo .sub{font-size:8px}.clock{font-size:10px;flex:1 1;text-align:right}.clock,.mode-tag{letter-spacing:.1em}.mode-tag{font-size:8px;padding:2px 6px}.container>.top-grid{flex:none;display:flex;flex-direction:column;gap:8px}.top-grid{grid-template-columns:1fr!important}.center-col{flex-direction:row;width:100%;height:auto;gap:12px;align-items:center;padding:8px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);order:-1}.orb-section{flex:0 0 auto;width:auto;flex-direction:column}.orb-frame{width:100px!important;height:100px;aspect-ratio:1;max-height:100px!important}.orb{width:60%;height:60%}.orb-section .orb-label{font-size:10px;letter-spacing:.3em;margin-top:4px}.orb-section .orb-state{font-size:8px;letter-spacing:.15em;margin-top:2px}.telemetry-mini{flex:1 1;margin-top:0;grid-template-columns:1fr 1fr;gap:6px}.tel-cell{padding:6px 4px}.tel-label{font-size:8px;letter-spacing:.15em}.tel-value{font-size:16px}.agent-col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto!important;grid-gap:6px;gap:6px}.agent-card{padding:8px 10px;min-height:70px}.agent-name{font-size:11px;letter-spacing:.15em}.agent-status{font-size:8px;padding:2px 5px;letter-spacing:.1em}.agent-role{font-size:9px;margin-bottom:3px}.agent-task{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-meta{font-size:8px;margin-top:4px}.container>.tabs-wrap{flex:1 1;min-height:50vh}.tab-btn{padding:12px 4px;font-size:9px;letter-spacing:.15em}.tab-badge{font-size:8px;padding:1px 4px}.conversation{padding:10px;gap:10px}.msg{grid-template-columns:28px 1fr;gap:8px}.msg-icon{width:28px;height:28px;font-size:14px}.msg-who{font-size:10px;letter-spacing:.15em}.msg-time{font-size:8px}.msg-text{font-size:13px;line-height:1.5}.input-bar-inline{padding:6px;gap:4px;position:-webkit-sticky;position:sticky;bottom:0;background:rgba(0,20,40,.95)}.command-input{font-size:16px;padding:10px 12px;min-height:44px;max-height:120px}.btn{height:44px;padding:8px 10px;font-size:10px;letter-spacing:.05em}.task-group-head{font-size:10px;letter-spacing:.15em}.task-item{padding:10px 8px}.task-title{font-size:11px}.task-agent{font-size:8px}.summary-title{font-size:10px;letter-spacing:.15em}.summary-list li{font-size:11px}.summary-kpi{grid-template-columns:1fr 1fr;gap:6px}.summary-kpi-value{font-size:18px}.output-item{padding:8px}.output-title{font-size:10px}.output-body{font-size:11px;padding:6px}.output-btn{font-size:9px;padding:6px 8px;min-height:32px}.legal-banner{font-size:10px;padding:6px 10px;letter-spacing:.05em}}@media (max-width:380px){.agent-col{grid-template-columns:1fr}.telemetry-mini{grid-template-columns:1fr 1fr}.orb-frame{width:80px!important;height:80px;max-height:80px!important}}@media (max-width:720px){.container>.legal-banner,.container>.top-grid{display:none!important}.container>.tabs-wrap{flex:1 1;min-height:0;height:100%}.tabs-wrap>.tabs-bar{display:none}.btn-hamburger{background:transparent;border:1px solid var(--card-border);color:var(--cyan);width:36px;height:36px;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-hamburger:active{background:rgba(0,217,255,.15)}.header{padding:8px 10px!important;gap:8px;flex-wrap:nowrap!important}.header .logo{flex:1 1;font-size:14px;letter-spacing:.2em}.header .clock{display:none}}@media (min-width:721px){.btn-hamburger,.drawer,.drawer-backdrop{display:none!important}}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;opacity:0;pointer-events:none;transition:opacity .25s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(85vw,360px);background:linear-gradient(180deg,#061226,#02060f);border-right:1px solid var(--card-border);z-index:101;transform:translateX(-100%);transition:transform .25s ease-out;display:flex;flex-direction:column;overflow-y:auto;padding-top:env(safe-area-inset-top,0)}.drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--card-border);flex-shrink:0}.drawer-title{font-size:16px;font-weight:700;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 8px var(--cyan-glow)}.drawer-close{background:transparent;border:1px solid var(--card-border);color:var(--text);width:32px;height:32px;border-radius:4px;font-size:18px;cursor:pointer}.drawer-section{padding:12px 16px;border-bottom:1px solid var(--card-border)}.drawer-section-title{font-size:10px;letter-spacing:.3em;color:var(--text-dim);margin-bottom:10px}.drawer-orb-row{display:flex;align-items:center;gap:12px}.drawer-orb{position:relative;width:64px;height:64px;border-radius:50%;flex-shrink:0}.drawer-orb .orb-ring{display:none}.drawer-orb-state{flex:1 1;font-size:11px;letter-spacing:.15em;color:var(--text)}.drawer-telemetry{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-top:12px}.drawer-telemetry .tel-cell{padding:8px 4px}.drawer-menu{display:flex;flex-direction:column;gap:4px}.drawer-menu-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:rgba(0,30,60,.4);border:1px solid var(--card-border);border-radius:4px;color:var(--text);font-size:13px;letter-spacing:.1em;cursor:pointer;font-family:inherit;text-align:left}.drawer-menu-item:active{background:rgba(0,217,255,.1)}.drawer-menu-item.active{border-color:var(--cyan);background:rgba(0,217,255,.12);color:var(--cyan)}.drawer-menu-badge{background:var(--cyan);color:var(--bg-deep);padding:1px 7px;border-radius:8px;font-size:10px;font-weight:700}.drawer-menu-badge.alert{background:var(--red);color:white}.drawer-agent{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:8px 10px;background:rgba(0,30,60,.4);border:1px solid var(--card-border);border-radius:3px;margin-bottom:6px}.drawer-agent-row1{display:flex;align-items:center;gap:6px}.drawer-agent-name{font-size:11px;letter-spacing:.15em;color:var(--cyan);font-weight:700}.drawer-agent-task{font-size:10px;color:var(--text-dim);line-height:1.3;margin-top:2px}.drawer-agent-status{align-self:center;font-size:9px;padding:2px 6px;border-radius:2px;letter-spacing:.1em}