:root{--bg: #03050c;--cyan: #22d3ee;--cyan-soft: #67e8f9;--violet: #a78bfa;--amber: #fbbf24;--green: #4ade80;--text: #dff4ff;--muted: #687a8f;--glass: rgba(8, 18, 34, .6);--glass-brd: rgba(103, 232, 249, .15);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}@keyframes moebius-flow{0%{background-position:0% 50%;filter:hue-rotate(0deg)}25%{background-position:50% 100%}50%{background-position:100% 50%;filter:hue-rotate(18deg)}75%{background-position:50% 0%}to{background-position:0% 50%;filter:hue-rotate(0deg)}}body{background-color:var(--bg);background-image:radial-gradient(ellipse 120% 60% at 50% 10%,rgba(34,211,238,.1) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 80% 80%,rgba(167,139,250,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 20% 90%,rgba(94,234,212,.07) 0%,transparent 50%);background-size:300% 300%;animation:moebius-flow 22s ease infinite;color:var(--text);font-family:Inter,Noto Sans TC,system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.app{position:fixed;inset:0}.orb-layer{position:absolute;inset:0;z-index:0}.orb-layer canvas{width:100%!important;height:100%!important}.ui-layer{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 12px) 16px calc(var(--safe-b) + 14px);pointer-events:none}.ui-layer>*{pointer-events:auto}.glass{background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-radius:18px}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:3px;font-size:14px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:pulse-dot 3s ease-in-out infinite}.brand .dot[data-status=thinking]{background:var(--violet);box-shadow:0 0 14px var(--violet);animation:pulse-fast 1s ease-in-out infinite}.brand .dot[data-status=alert]{background:var(--amber);box-shadow:0 0 14px var(--amber);animation:pulse-fast .7s ease-in-out infinite}.brand .dot[data-status=success]{background:var(--green);box-shadow:0 0 14px var(--green)}.status-meta{display:flex;gap:10px;font-size:12px;color:var(--muted);align-items:center;flex-wrap:wrap;justify-content:flex-end}.status-label{color:var(--muted)}.model-badge{font-size:10.5px;color:var(--violet);background:#a78bfa1a;border:1px solid rgba(167,139,250,.25);border-radius:999px;padding:1px 8px;white-space:nowrap}.link.on{color:var(--cyan-soft)}.link.off{color:var(--muted)}.center{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:0}.feed{width:100%;max-width:520px;display:flex;flex-direction:column-reverse;gap:7px;margin-bottom:8px;overflow-y:auto;max-height:55vh}.feed-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13.5px;line-height:1.55;flex-shrink:0}.feed-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.feed-text{overflow-wrap:break-word;word-break:break-word}.feed-time{color:var(--muted);font-size:11px;flex-shrink:0;padding-top:2px}.feed-expand{background:none;border:none;color:var(--cyan-soft);font-size:11.5px;cursor:pointer;padding:2px 0;text-align:left}.kind-thinking{border-color:#a78bfa4d}.feed-thinking-label{font-size:11px;color:var(--violet);font-weight:700;letter-spacing:1px;margin-bottom:2px}.feed-thinking-dots{display:flex;gap:4px;padding:4px 0}.feed-thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--violet);display:inline-block}.feed-thinking-dots span:nth-child(1){animation:dot-bounce 1.2s ease-in-out 0s infinite}.feed-thinking-dots span:nth-child(2){animation:dot-bounce 1.2s ease-in-out .2s infinite}.feed-thinking-dots span:nth-child(3){animation:dot-bounce 1.2s ease-in-out .4s infinite}.feed-thinking-text{font-size:12px;color:var(--muted);font-style:italic}@keyframes dot-bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1.1);opacity:1}}.kind-result{border-color:#4ade8047}.kind-warning{border-color:#fbbf2461}.kind-task{border-color:#22d3ee38}.kind-info{border-color:#a78bfa38}.bottom{display:flex;flex-direction:column;gap:9px;width:100%;max-width:520px;margin:0 auto}.approval{padding:16px;border-color:#fbbf2466;box-shadow:0 0 32px #fbbf241a}.approval-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.approval-badge{font-size:11px;font-weight:700;color:var(--amber);border:1px solid var(--amber);border-radius:999px;padding:2px 10px;letter-spacing:1px}.approval-action{font-weight:600}.approval-summary{font-size:14px;color:var(--text);margin-bottom:10px;line-height:1.5}.approval-detail{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;color:var(--amber);background:#0006;border:1px solid var(--glass-brd);border-radius:10px;padding:10px 12px;margin:0 0 14px;white-space:pre-wrap;word-break:break-all;max-height:160px;overflow:auto}.approval-actions{display:flex;gap:10px}.btn{flex:1;padding:13px;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer}.btn.approve{background:linear-gradient(135deg,var(--cyan),#0e7490);color:#01111a}.btn.reject{background:#ffffff0d;color:var(--text);border:1px solid rgba(255,255,255,.1)}.enable-push{padding:10px;font-size:13px;color:var(--cyan-soft);background:#22d3ee0d;border:1px solid var(--glass-brd);cursor:pointer}.chat-wrap{display:flex;align-items:center;gap:8px}.chat{flex:1;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;transition:border-color .6s ease}.chat:focus-within{border-color:#67e8f98c;box-shadow:0 0 0 1px #67e8f933}.chat input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:15px;padding:10px 0}.chat input::placeholder{color:var(--muted)}.chat input:disabled{opacity:.5}.clear-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-brd);background:#ffffff0a;color:var(--muted);font-size:13px;cursor:pointer;flex-shrink:0}.send{width:44px;height:44px;border-radius:50%;border:none;background:conic-gradient(from var(--angle, 0deg),#22d3ee,#818cf8,#5eead4,#22d3ee);color:#01111a;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;animation:spin-hue 8s linear infinite}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes spin-hue{to{--angle: 360deg}}.send:disabled{animation:none;background:#ffffff14;color:var(--muted)}:root{--c-success: #22c55e;--c-warn: #f59e0b;--c-danger: #ef4444}.agent-panel{padding:0;overflow:visible;position:relative;z-index:10;margin-top:6px}.panel-body{position:absolute;top:100%;left:0;right:0;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-radius:0 0 18px 18px;padding:10px 12px 14px;display:flex;flex-direction:column;gap:12px;z-index:10}.agent-panel-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:11px 16px;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:13px}.panel-title{font-weight:600}.panel-sub{color:var(--muted);font-size:11.5px;margin-left:2px}.panel-age{opacity:.6}.panel-warn-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--c-danger);color:#fff;font-size:10px;font-weight:700;margin-left:5px;vertical-align:middle}.agent-chevron{margin-left:auto;color:var(--muted);font-size:10px}.status-dot-sm{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-sm.status-ok{background:var(--c-success);box-shadow:0 0 5px var(--c-success)}.status-dot-sm.status-warn{background:var(--c-warn);box-shadow:0 0 5px var(--c-warn)}.status-dot-sm.status-off{background:var(--muted)}.panel-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:14px}.panel-section{display:flex;flex-direction:column;gap:5px}.panel-section-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.svc-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#ffffff06;font-size:12.5px}.svc-icon{flex-shrink:0;font-size:14px}.svc-name{flex:1;font-weight:500}.svc-badge{font-size:11px;font-weight:600;border:1px solid;border-radius:6px;padding:1px 7px;display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.svc-ms{opacity:.6;font-size:10px}.agent-empty{font-size:12px;color:var(--muted);text-align:center;padding:8px 0;line-height:1.6}.agent-org{display:flex;flex-direction:column;gap:4px}.agent-org-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);border-left:2px solid;padding-left:6px;margin-bottom:2px}.agent-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#ffffff06;font-size:13px}.agent-status-dot{font-size:11px;flex-shrink:0}.agent-name{font-weight:600;flex-shrink:0}.agent-task{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.agent-idle .agent-status-dot{color:var(--cyan-soft)}.agent-running .agent-status-dot{color:var(--cyan);animation:pulse-fast 1.2s ease-in-out infinite}.agent-error .agent-status-dot{color:#f87171}.agent-offline .agent-status-dot{color:var(--muted)}.execute-btn{width:100%;padding:9px 14px;margin-bottom:8px;border-radius:12px;border:1px solid rgba(103,232,249,.4);background:#22d3ee14;color:var(--cyan-soft);font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:all .18s ease;letter-spacing:.3px}.execute-btn:hover:not(:disabled){background:#22d3ee26;border-color:var(--cyan);box-shadow:0 0 12px #22d3ee33}.execute-btn:disabled{opacity:.5;cursor:not-allowed}.persona-bar{display:flex;gap:6px;overflow-x:auto;padding:0 2px 6px;scrollbar-width:none;-ms-overflow-style:none}.persona-bar::-webkit-scrollbar{display:none}.persona-chip{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;border:1px solid var(--glass-brd);background:#ffffff0a;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .18s ease}.persona-chip:hover{background:#67e8f914;color:var(--cyan-soft);border-color:#67e8f94d}.persona-chip--active{background:#22d3ee26;border-color:var(--cyan);color:var(--cyan-soft);box-shadow:0 0 8px #22d3ee33}.persona-icon{font-size:14px;line-height:1}.persona-label{letter-spacing:.3px}.devpanel{position:absolute;right:14px;bottom:calc(var(--safe-b) + 96px);z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.dev-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--glass-brd);background:var(--glass);color:var(--cyan-soft);cursor:pointer}.dev-body{padding:10px;display:flex;flex-direction:column;gap:8px}.dev-row{display:flex;flex-wrap:wrap;gap:6px;max-width:240px}.dev-row button{font-size:11px;padding:6px 9px;border-radius:9px;border:1px solid var(--glass-brd);background:#ffffff0a;color:var(--text);cursor:pointer}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.88)}}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}