:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7fbff;background:#07090d;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow:hidden}button{color:#f7fbff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #f5faff57;border-radius:999px;min-height:46px;padding:0 22px;font-size:15px;font-weight:700;box-shadow:0 14px 34px #00000047}button:first-child{color:#071015;background:linear-gradient(135deg,#f7fbff,#9be7d8 48%,#f6c36a);border-color:#fffc}button:disabled{cursor:not-allowed;opacity:.48}select{color:#f7fbff;font:inherit;background:#ffffff1f;border:1px solid #f5faff57;border-radius:999px;min-height:42px;padding:0 40px 0 16px}option{color:#f7fbff;background:#101315}.orbApp{--orb-a:#667085;--orb-b:#98a2b3;--orb-c:#d0d5dd;--orb-glow:#98a2b333;background:radial-gradient(circle at 50% 46%,#ffffff1c,#0000 0 22%,#ffffff06 33%,#0000 50%),linear-gradient(145deg,#06080b 0%,#101315 44%,#080a0f 100%);min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.orbApp:before{content:"";opacity:.38;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.orbStage{isolation:isolate;z-index:1;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:calc(100vh - 56px);display:grid;position:relative}.topBar,.bottomBar{justify-content:space-between;align-items:center;gap:16px;display:flex}.bottomBar{z-index:3;justify-content:center;padding:14px 0 8px;position:relative}.modeSelector{color:#f7fbffb3;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.topActions{place-items:flex-end end;gap:10px;display:grid}.label{color:#f7fbff9e;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}h1{color:#f7fbff;letter-spacing:0;text-shadow:0 0 26px #ffffff38;margin:0;font-size:34px;line-height:1}.badge{color:#f7fbffcc;border:1px solid #ffffff3d;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:800}.badge.ok{color:#8ff2be;background:#3ddc9721;border-color:#3ddc9775}.badge.muted{background:#ffffff14}.orbWorkspace{grid-template-columns:minmax(220px,276px) minmax(520px,1fr) minmax(220px,276px);align-items:center;gap:26px;min-height:0;padding:18px 0 24px;display:grid}.sidePanel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff12;border:1px solid #ffffff21;border-radius:18px;align-self:center;min-height:360px;padding:18px;box-shadow:0 18px 46px #00000047}.workList,.agentList{gap:12px;display:grid}.workItem,.agentItem{background:#ffffff13;border:1px solid #ffffff1a;border-radius:12px;padding:13px}.workItem span{color:#f7fbff94;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.workItem strong,.agentItem strong{color:#f7fbff;font-size:15px;line-height:1.35;display:block}.workItem p,.agentItem p{color:#f7fbff9e;margin:6px 0 0;font-size:13px;line-height:1.45}.agentItem{grid-template-columns:auto 1fr;align-items:flex-start;gap:11px;display:grid}.panelHeader,.historyHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.agentPanelBody{min-height:300px;position:relative}.chevronButton{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;min-height:38px;padding:0;font-size:24px;line-height:1;display:inline-grid}.topHistoryButton{color:#bff7ff;background:#67e8f91f;border-color:#67e8f96b;box-shadow:0 0 22px #67e8f92e,inset 0 0 18px #ffffff0d}.historyDrawer{opacity:0;pointer-events:none;z-index:6;background:linear-gradient(#67e8f924,#070a10e0 18%),#070a10f0;border:1px solid #67e8f933;border-right:0;border-radius:18px 0 0 18px;width:min(420px,42vw);padding:18px 16px;transition:opacity .16s,transform .16s;position:fixed;top:106px;bottom:92px;right:28px;transform:translate(105%);box-shadow:-28px 0 62px #00000075,inset 1px 0 #ffffff14}.historyDrawer.open{opacity:1;pointer-events:auto;transform:translate(0)}.chatList{align-content:start;gap:10px;height:calc(100% - 46px);padding:10px 2px 4px;display:grid;overflow:auto}.chatBubble{gap:4px;max-width:88%;display:grid}.chatBubble.owner{justify-self:end}.chatBubble.assistant{justify-self:start}.chatBubble span{color:#f7fbff8a;font-size:11px;font-weight:800}.chatBubble p,.emptyHistory{color:#f7fbffd6;overflow-wrap:anywhere;background:#ffffff1b;border:1px solid #ffffff1f;border-radius:16px 16px 16px 6px;margin:0;padding:11px 13px;font-size:14px;line-height:1.45}.chatBubble.owner p{background:#72dccf2e;border-color:#72dccf47;border-radius:16px 16px 6px}.connectionStrip{background:linear-gradient(90deg,#67e8f933,#72dccf0a 22%,#d8b4fe14 52%,#f6c36a29),#03080e7a;border:1px solid #67e8f92e;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;width:100%;max-width:min(1120px,100%);margin:-10px auto 0;padding:1px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 42px #67e8f914,inset 0 1px #ffffff14}.connectionStrip:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:30%;height:1px;animation:2.8s linear infinite scanLine;position:absolute;top:0;left:-30%;right:auto}.connectionItem{background:linear-gradient(#ffffff12,#ffffff06),#02060cb8;border:0;min-height:70px;padding:12px 13px;position:relative}.connectionItem:before{content:"";background:#f6c36a;border-radius:50%;width:7px;height:7px;position:absolute;top:13px;right:11px;box-shadow:0 0 18px #f6c36aa3}.connectionItem span{color:#bef5ffdb;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.connectionItem p{color:#f7fbffc7;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.4}.connectionItem.ok{box-shadow:inset 0 -2px #73e6a47a}.connectionItem.ok:before{background:#73e6a4;box-shadow:0 0 18px #73e6a4bd}.connectionItem.warn{box-shadow:inset 0 -2px #f6c36a75}.agentDot{background:#aeb7c2;border-radius:50%;width:10px;height:10px;margin-top:5px;display:block;box-shadow:0 0 18px #aeb7c26b}.agentItem.online .agentDot{background:#73e6a4;box-shadow:0 0 18px #73e6a4b3}.agentItem.working .agentDot{background:#67e8f9;box-shadow:0 0 18px #67e8f9b3}.orbFocus{z-index:2;align-content:center;justify-items:center;min-height:0;padding:0;display:grid;position:relative}.orbShell{min-width:520px;max-width:980px;height:min(48vw,560px);min-height:360px;max-height:62vh;transform:scale(calc(1 + (var(--orb-level,0) * .035)));background:0 0;border:0;border-radius:50%;place-items:center;width:min(62vw,980px);transition:transform .12s linear;display:grid;position:relative;overflow:visible}.amoebaCanvas{filter:saturate(1.12)contrast(1.08);width:100%;height:100%;display:block}.orbHalo,.orbCore,.orbPulse{border-radius:50%;grid-area:1/1;position:relative}.orbHalo{background:conic-gradient(from 12deg, transparent 0 9%, #ffffffeb 12%, transparent 17% 41%, #ffffff7a 47%, transparent 54% 78%, #ffffffb8 82%, transparent 89% 100%);filter:blur(.3px);opacity:.74;width:88%;height:88%;animation:7s linear infinite orbSpin}.orbCore{background:radial-gradient(circle at 38% 30%,#ffffffd6,#0000 0 18%),radial-gradient(circle at 46%,#fff3,#0000 0 48%),radial-gradient(circle,#00000005,#00000038);width:76%;height:76%}.orbPulse{height:calc(48% + (var(--orb-level,0) * 24%));opacity:calc(.24 + (var(--orb-level,0) * .52));width:calc(48% + (var(--orb-level,0) * 24%));border:2px solid #ffffffb8;animation:1.8s ease-in-out infinite orbBreathe;box-shadow:0 0 26px #fff3}.orbReadout{text-align:center;margin-top:28px}.orbReadout p{color:#f7fbff;letter-spacing:0;margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.2}.orbReadout span{color:#f7fbffad;overflow-wrap:anywhere;max-width:min(680px,86vw);font-size:15px;line-height:1.45;display:block}.orbStages{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(760px,90vw);margin-top:22px;display:flex}.orbStages span{color:#f7fbff8f;background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.orbStages span.active{background:color-mix(in srgb, var(--orb-a) 24%, #ffffff1f);border-color:color-mix(in srgb, var(--orb-b) 66%, #ffffff2e);color:#f7fbff;box-shadow:0 0 24px var(--orb-glow)}.orb-offline,.orb-stopped{--orb-a:#6b7280;--orb-b:#aeb7c2;--orb-c:#eef2f6;--orb-glow:#aeb7c230}.orb-idle{--orb-a:#1f6f78;--orb-b:#72dccf;--orb-c:#d8fff8;--orb-glow:#72dccf42}.orb-listening{--orb-a:#16834d;--orb-b:#73e6a4;--orb-c:#e6fff0;--orb-glow:#73e6a457}.orb-ending{--orb-a:#b7791f;--orb-b:#f6c36a;--orb-c:#fff7d6;--orb-glow:#f6c36a52}.orb-stt{--orb-a:#0e7490;--orb-b:#67e8f9;--orb-c:#ecfeff;--orb-glow:#67e8f94d}.orb-core{--orb-a:#2563eb;--orb-b:#93c5fd;--orb-c:#eff6ff;--orb-glow:#93c5fd4a}.orb-llm{--orb-a:#7c3aed;--orb-b:#d8b4fe;--orb-c:#faf5ff;--orb-glow:#d8b4fe42}.orb-speaking{--orb-a:#c2410c;--orb-b:#fdba74;--orb-c:#fff7ed;--orb-glow:#fdba7452}.orb-error{--orb-a:#b42318;--orb-b:#fda29b;--orb-c:#fff1f0;--orb-glow:#fda29b4d}.orb-listening .orbPulse,.orb-speaking .orbPulse{animation-duration:.82s}.orb-error .orbShell{animation:.9s ease-in-out infinite orbError}.srOnly{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}@keyframes orbBreathe{0%,to{transform:scale(.92)}50%{transform:scale(1.08)}}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes orbError{0%,to{transform:translate(0)}35%{transform:translate(-2px)}70%{transform:translate(2px)}}@keyframes scanLine{to{left:100%}}@media (width<=760px){.orbApp{padding:18px}.orbStage{min-height:calc(100vh - 36px)}.topBar{align-items:flex-start}h1{font-size:28px}.orbWorkspace{grid-template-columns:1fr;gap:14px;overflow:auto}.sidePanel{align-self:stretch;min-height:auto}.workPanel{order:2}.agentPanel{order:3}.orbFocus{order:1}.orbShell{width:min(92vw,640px);min-width:300px;height:min(70vw,360px);min-height:240px}.orbReadout p{font-size:23px}.bottomBar{grid-template-columns:1fr 1fr;display:grid}.connectionStrip{grid-template-columns:1fr;max-height:28vh;overflow:auto}.historyDrawer{width:min(420px,100vw - 36px);top:94px;bottom:18px;right:18px}button{padding:0 14px}}@media (prefers-reduced-motion:reduce){.orbHalo,.orbPulse,.orb-error .orbShell{animation:none}}