:root{--bg:#07040f;--panel:#1e123a8c;--line:#8b5cf659;--hi:#a855f7;--hi2:#7c3aed;--text:#f3effc;--dim:#a79bc4;--ok:#34d399}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% 30%,#1b0d3a 0%,var(--bg) 60%);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}.shell{grid-template-columns:190px 1fr;height:100%;display:grid}.side{border-right:1px solid var(--line);background:#0a051699;flex-direction:column;gap:20px;padding:20px 14px;display:flex}.brand{letter-spacing:.2em;background:linear-gradient(90deg,#fff,var(--hi));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.side nav{flex-direction:column;flex:1;gap:6px;display:flex}.side nav a{color:var(--dim);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.side nav a b{opacity:.6;background:currentColor;border-radius:50%;width:8px;height:8px}.side nav a.on{color:#fff;border:1px solid var(--line);background:linear-gradient(90deg,#7c3aed8c,#7c3aed26)}.newtask{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:10px}.main{flex-direction:column;min-width:0;display:flex;overflow:auto}.top{justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.title{font-size:20px}.title em{color:var(--hi);margin-right:6px;font-style:normal}.avatar{background:var(--hi2);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;display:grid}.grid{grid-template-columns:1fr 1.15fr 1fr;grid-template-areas:"glance center agents""overview center projects""ads wellness focus";gap:14px;padding:0 22px 22px;display:grid}.a-glance{grid-area:glance}.a-overview{grid-area:overview}.center{grid-area:center}.a-agents{grid-area:agents}.a-projects{grid-area:projects}.a-ads{grid-area:ads}.a-wellness{grid-area:wellness}.a-focus{grid-area:focus}.a-extra{grid-column:1/-1}.card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;min-height:96px;padding:14px 16px;transition:all .45s}.card h3{margin:0 0 10px;font-size:15px;font-weight:600}.card.is-focus{border-color:var(--hi);box-shadow:0 0 0 1px var(--hi),0 0 32px #a855f773;transform:scale(1.02)}.a-ads.is-focus{grid-column:1/-1;min-height:170px}.empty{color:var(--dim);opacity:.7;margin:0;font-size:13px}.checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.checks li{align-items:center;gap:10px;font-size:14px;display:flex}.checks li span{border:1px solid var(--dim);border-radius:4px;width:16px;height:16px}.checks li.done span{background:var(--hi);border-color:var(--hi)}.checks li.done{color:var(--dim);text-decoration:line-through}.kv{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{border:1px solid var(--line);text-align:center;color:var(--dim);border-radius:12px;padding:12px 6px;font-size:12px;transition:all .3s}.tile.active{color:#fff;background:linear-gradient(160deg,var(--hi2),#7c3aed40);box-shadow:0 0 18px #a855f799}.bar{grid-template-columns:1fr 60px 40px;align-items:center;gap:8px;margin:8px 0;font-size:13px;display:grid;position:relative}.bar i{background:var(--hi);border-radius:4px;grid-area:1/2;max-width:100%;height:6px}.bar b{text-align:right;color:var(--dim)}.metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.metrics small{color:var(--dim);display:block}.metrics b{font-size:20px}.metrics em{color:var(--ok);margin-left:6px;font-size:12px;font-style:normal}.center{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.center h1{margin:4px 0 0;font-size:30px;font-weight:500}.center h1 strong{color:var(--hi)}.sub{color:var(--dim);margin:0}.reply{max-width:420px;min-height:40px;margin:2px 0;font-size:15px}.orb{place-items:center;width:260px;height:260px;margin:6px 0 34px;display:grid;position:relative}.ring{border:2px solid #0000;border-top-color:var(--hi);border-bottom-color:var(--hi2);border-radius:50%;position:absolute;box-shadow:0 0 20px #a855f780}.r1{animation:14s linear infinite spin;inset:0}.r2{opacity:.8;animation:9s linear infinite reverse spin;inset:22px}.r3{opacity:.6;animation:6s linear infinite spin;inset:46px}.core{letter-spacing:.18em;background:radial-gradient(circle,#2a1258,#0d0620);border-radius:50%;place-items:center;width:120px;height:120px;font-size:13px;font-weight:800;display:grid;box-shadow:inset 0 0 30px #a855f780}.wave{align-items:flex-end;gap:3px;height:36px;display:flex;position:absolute;bottom:-18px}.wave i{background:var(--hi);opacity:.5;border-radius:2px;width:3px;height:6px}.orb.thinking .ring{animation-duration:2.2s}.orb.thinking .core{animation:1s ease-in-out infinite pulse}.orb.speaking .wave i{opacity:1;animation:.6s ease-in-out infinite talk}.orb.speaking .ring{box-shadow:0 0 34px #a855f7e6}.ask{border:1px solid var(--hi);background:#140a28b3;border-radius:999px;align-items:center;gap:8px;width:min(520px,100%);margin-top:22px;padding:6px 8px;display:flex}.ask input{color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:8px;font-size:14px}.ask button{background:var(--hi2);color:#fff;cursor:pointer;border:0;border-radius:50%;width:34px;height:34px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes talk{50%{height:30px}}@media (width<=900px){.shell{grid-template-columns:1fr}.side{z-index:5;border-right:0;border-top:1px solid var(--line);flex-direction:row;padding:8px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.brand,.newtask{display:none}.side nav{flex-direction:row}.side nav a{white-space:nowrap;padding:8px 10px}.grid{grid-template-columns:1fr;grid-template-areas:"center""glance""agents""overview""projects""ads""wellness""focus";padding:0 14px 90px}.orb{width:200px;height:200px}.core{width:90px;height:90px}.metrics{grid-template-columns:repeat(2,1fr)}}.right{align-items:center;gap:12px;display:flex}.meter{color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px}.meter.stop{color:#fca5a5;border-color:#ef4444}.ask input:disabled{opacity:.6}.conn{max-width:1100px;padding:0 22px 40px}.conn h2{margin:0 0 4px}.conn h3{margin:22px 0 10px;font-size:15px}.conn .sub{color:var(--dim);margin:0 0 6px}.search{border:1px solid var(--line);width:100%;max-width:520px;color:var(--text);background:#140a28b3;border-radius:12px;outline:0;padding:10px 14px;font-size:14px}.appgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px;display:grid}.appcard{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.appcard img{object-fit:contain;background:#fff;border-radius:6px;width:28px;height:28px}.appcard b{font-size:13px;font-weight:600}.appcard small{color:var(--dim);font-size:11px}.appcard.on{border-color:#34d3998c}.appcard.sel{border-color:var(--hi);box-shadow:0 0 0 1px var(--hi)}.panel{border-left:1px solid var(--line);z-index:20;background:#0d0720;width:min(560px,100%);padding:20px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #00000080}.panel .x{color:var(--dim);cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:14px}.phead{align-items:center;gap:12px;margin-bottom:12px;display:flex}.phead img{object-fit:contain;background:#fff;border-radius:8px;width:40px;height:40px}.phead h3{margin:0}.phead p{color:var(--dim);margin:2px 0 0;font-size:12px}.connectrow{align-items:center;gap:8px;margin:8px 0 14px;display:flex}.panel h4{color:var(--dim);margin:18px 0 8px;font-size:13px}.panel h4 small{font-weight:400}.pill{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:4px 10px;font-size:12px}.pill.ok{color:var(--ok);border-color:#34d39980}button.primary{background:var(--hi2);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:8px 14px}button.primary:disabled{opacity:.6}.panel button:not(.primary):not(.x),.approve button:not(.primary){border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:7px 12px}button.ghost{color:var(--dim)}.arow{border:1px solid var(--line);background:#1e123a66;border-radius:12px;margin:8px 0}.arow.enabled{border-color:#a855f799}.ahead{align-items:center;gap:10px;padding:10px;display:flex}.atitle{cursor:pointer;flex:1;min-width:0}.atitle b{font-size:13px;display:block}.atitle small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.switch{flex:none;width:38px;height:22px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.switch span{background:#2a1f45;border-radius:999px;transition:all .2s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--hi2)}.switch input:checked+span:after{transform:translate(16px)}.aform{gap:10px;padding:0 12px 12px;display:grid}.fld{color:var(--dim);gap:4px;font-size:12px;display:grid}.fld.inline{align-items:center;gap:8px;display:flex}.fld select,.fld input[type=text],.fld input[type=number]{border:1px solid var(--line);color:var(--text);background:#140a28cc;border-radius:8px;padding:8px;font-size:13px}.fld select[multiple]{min-height:90px}.aform details{color:var(--dim);font-size:12px}.aform summary{cursor:pointer;margin-bottom:8px}.aform details .fld{margin:8px 0}.arow-actions{align-items:center;gap:8px;display:flex}.saved{color:var(--dim);font-size:12px}.warn{color:#fbbf24;margin:0;font-size:12px}.error{color:#fca5a5;font-size:13px}.result{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#07040f;border-radius:8px;max-height:220px;margin:0;padding:8px;font-size:11px;overflow:auto}.approve{border:1px solid var(--hi);background:#1e123ab3;border-radius:14px;gap:6px;margin:8px 0;padding:12px;display:grid}.approve pre{white-space:pre-wrap;color:var(--dim);margin:0;font-size:12px}.pausebtn{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:999px;padding:5px 14px;font-size:12px}.pausebtn.on{color:#fff;background:#ef4444}.pausebanner{color:#fecaca;background:#ef444426;border:1px solid #ef4444;border-radius:12px;margin:0 22px 12px;padding:10px 14px;font-size:13px}.actlog{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.actlog li{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:110px 96px 1fr;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:grid}.actlog time{color:var(--dim);font-size:11px}.chip{border:1px solid var(--line);color:var(--dim);text-align:center;border-radius:999px;padding:2px 8px;font-size:11px}.chip.approved,.chip.resumed,.chip.connect{color:var(--ok);border-color:#34d39980}.chip.blocked,.chip.paused,.chip.error,.chip.rejected{color:#fca5a5;border-color:#ef444480}.chip.waiting{color:#fbbf24;border-color:#fbbf2480}.fld.profile textarea{border:1px solid var(--line);color:var(--text);resize:vertical;background:#140a28cc;border-radius:10px;max-width:720px;padding:10px;font-size:13px}.fld.profile{margin:14px 0}@media (width<=700px){.actlog li{grid-template-columns:1fr}}.approvalslot{text-align:left;width:min(520px,100%)}.shared{border:1px solid var(--line);background:#1e123a59;border-radius:12px;margin:14px 0;padding:4px 14px 12px}.shared h4{margin:10px 0 4px}.hint{color:var(--dim);margin:0;font-size:12px}.jconsole{z-index:15;border-top:1px solid var(--hi);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#080314f0,#04010cfa);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;bottom:0;left:190px;right:0;box-shadow:0 -10px 40px #7c3aed40}.jconsole>header{cursor:pointer;color:var(--dim);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:7px 16px;font-size:12px;display:flex}.jconsole .dot{background:#475569;border-radius:50%;width:8px;height:8px}.jconsole.live .dot{background:#22d3ee;animation:1s ease-in-out infinite pulse;box-shadow:0 0 10px #22d3ee}.jconsole>header b{color:#e9d5ff;letter-spacing:.14em;font-size:11px}.jconsole .status{color:#67e8f9}.jconsole .peek{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;max-width:46vw;overflow:hidden}.jconsole .spacer{flex:1}.jconsole button.mini{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:11px}.jconsole .cbody{background-image:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);height:210px;padding:6px 16px 12px;font-size:12px;line-height:1.55;overflow:auto}.cempty{color:var(--dim);margin:8px 0}.cline{grid-template-columns:48px 16px 58px 1fr;align-items:baseline;gap:6px;display:grid}.cline time{color:#64748b;text-align:right}.cline .tag{letter-spacing:.1em;opacity:.8;font-size:10px}.cline .txt{word-break:break-word}.k-model{color:#67e8f9}.k-think{color:#c4b5fd;font-style:italic}.k-tool{color:#fbbf24}.k-result{color:#86efac}.k-warn{color:#fca5a5}.k-approval{color:#fcd34d}.k-say{color:#fff}.k-done{color:#94a3b8}.cline.caret{color:#22d3ee;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.main.padconsole{padding-bottom:250px}.main.padclosed{padding-bottom:48px}.ask .modelpick{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#7c3aed40;border-radius:999px;outline:0;padding:6px 8px;font-size:12px}.ask .speak{background:0 0;width:34px;font-size:16px}.ask .speak.on{background:#7c3aed59}.ask .speak:disabled,.ask .mic:disabled{opacity:.35;cursor:not-allowed}.ask .stopbtn{background:#dc2626;border-radius:999px;width:auto;padding:0 14px;font-size:12px;font-weight:600}.ask .mic.hot{background:#dc2626;animation:1s ease-in-out infinite pulse;box-shadow:0 0 14px #ef4444}.orb.listening .ring{border-top-color:#22d3ee;animation-duration:1.4s;box-shadow:0 0 34px #22d3eecc}.orb.listening .core{animation:.8s ease-in-out infinite pulse}@media (width<=900px){.jconsole{bottom:50px;left:0}.jconsole .cbody{height:34vh}.main.padconsole{padding-bottom:42vh}.main.padclosed{padding-bottom:120px}.cline{grid-template-columns:40px 14px 1fr}.cline .tag{display:none}.ask{border-radius:18px;flex-wrap:wrap}.ask input{min-width:40%}}.mi{color:#86efac;margin:0;font-family:ui-monospace,Menlo,monospace;font-size:11px}.mi.bad{color:#fca5a5}.okline{color:#86efac;font-size:12px}.ask .convo{background:0 0;width:34px;font-size:16px}.ask .convo.on{background:#0891b2;box-shadow:0 0 14px #22d3eeb3}.voicechip{color:#67e8f9;margin:2px 0;font-family:ui-monospace,Menlo,monospace;font-size:12px}.voicechip.s-hearing{color:#fcd34d}.voicechip.s-understanding,.voicechip.s-thinking{color:#c4b5fd}.voicechip.s-speaking{color:#86efac}.heard{color:var(--dim);max-width:520px;margin:0;font-size:12px}.loginwrap{place-items:center;min-height:100%;padding:20px;display:grid}.logincard{text-align:center;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;gap:12px;width:min(380px,100%);padding:28px 24px;display:grid;box-shadow:0 0 60px #7c3aed40}.logincard h1{margin:6px 0 0;font-size:22px;font-weight:500}.logincard input{border:1px solid var(--line);color:var(--text);text-align:center;background:#140a28cc;border-radius:12px;outline:0;padding:12px;font-size:15px}.orb.small{width:110px;height:110px;margin:0 auto}.orb.small .core{width:50px;height:50px;font-size:8px}.orb.small .ring.r2{inset:12px}.logoutbtn{font-size:12px}.googlebtn{border-radius:12px;padding:12px 16px;font-size:15px}.logincard .ghost{color:var(--dim);cursor:pointer;background:0 0;border:0;font-size:13px}.shell{grid-template-columns:1fr!important}.side{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0516f5;width:230px;transition:transform .25s;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);border-top:0!important;border-right:1px solid var(--line)!important;flex-direction:column!important;padding:20px 14px!important;position:fixed!important;right:auto!important}.side.open{transform:none}.brand,.newtask{display:block!important}.side nav{flex-direction:column!important}.menubtn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;width:36px;height:34px;margin-right:12px;font-size:16px}.jconsole{left:0!important}.main{position:relative}.stage{place-items:center;min-height:calc(100vh - 140px);padding:0 16px 150px;display:grid;position:relative}.stage .center{z-index:2;grid-area:auto;max-width:560px}.hello{color:var(--dim);margin:0;font-size:15px}.hello strong{color:var(--hi);font-weight:600}.stage .orb{width:min(340px,70vw);height:min(340px,70vw);margin:10px 0 40px}.stage .core{width:34%;height:34%}.stage .reply{max-width:520px;min-height:54px;font-size:18px;line-height:1.45}.dock{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e071ed1;position:fixed;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 0 40px #7c3aed59;width:min(640px,100% - 24px)!important;margin:0!important}.main.padclosed .dock{bottom:56px}.main.padconsole .dock{bottom:236px}.main.padconsole,.main.padclosed{padding-bottom:0!important}.popup{z-index:8;border:1px solid var(--hi);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#3c1e6ec7,#140a2ce6);border-radius:18px;width:min(340px,100% - 32px);padding:16px;animation:.45s cubic-bezier(.2,1.2,.3,1) popin;position:absolute;top:12%;right:max(16px,50% - 560px);box-shadow:0 0 50px #a855f773}.popup h3{margin:0 0 6px;font-size:16px}.popup p{color:#e9e1fb;margin:0 0 8px;font-size:14px;line-height:1.45}.popup ul{color:#d8ccf2;gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.popup img{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;max-height:240px;margin-bottom:10px}.popup .x{color:var(--dim);cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:6px;right:10px}.popup.tone-good{border-color:var(--ok);box-shadow:0 0 50px #34d39959}.popup.tone-warn{border-color:#fbbf24;box-shadow:0 0 50px #fbbf244d}@keyframes popin{0%{opacity:0;transform:translateY(14px)scale(.9)}to{opacity:1;transform:none}}.agentpop{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--dim);background:#1e123ab3;border-radius:14px;justify-items:center;gap:2px;margin:-22px 0 14px;padding:8px 16px;font-size:12px;animation:.4s popin;display:grid}.agentpop b{color:#fff;align-items:center;gap:8px;font-size:13px;display:flex}.agentpop b i{background:var(--ok);border-radius:50%;width:8px;height:8px}.agentpop.live b i{background:#22d3ee;animation:1s ease-in-out infinite pulse;box-shadow:0 0 10px #22d3ee}.agentpop span{text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow:hidden}.floaters{z-index:4;gap:12px;width:min(280px,100% - 32px);max-height:70%;display:grid;position:absolute;top:8%;left:max(16px,50% - 600px);overflow:auto}.floater{min-height:0;animation:.45s popin}@media (width<=900px){.stage{flex-direction:column;justify-content:flex-start;align-items:center;padding-bottom:170px;display:flex}.popup,.floaters{width:100%;max-height:none;margin-top:14px;position:relative;top:auto;left:auto;right:auto}.stage .orb{width:min(230px,60vw);height:min(230px,60vw);margin-bottom:34px}.dock{border-radius:18px;bottom:12px!important}.main.padconsole .dock{bottom:36vh!important}.jconsole{bottom:0!important}}.title{white-space:nowrap;align-items:center;display:flex}.side .newtask{margin-top:8px}.stage .reply{margin-bottom:96px}@media (width<=900px){.stage .reply{margin-bottom:70px}.top{padding:12px}.meter{display:none}.popup{z-index:14;max-height:42vh;overflow:auto;width:auto!important;margin:0!important;position:fixed!important;inset:auto 12px 84px!important}.main.padconsole .popup{bottom:calc(36vh + 74px)!important}}.narration{color:#67e8f9;max-width:460px;min-height:20px;margin:0 0 6px;font-size:14px;font-style:italic;animation:.35s popin}.ask .narr{background:0 0;border-radius:999px;align-items:center;gap:2px;width:auto;min-width:34px;padding:0 6px;font-size:15px;display:inline-flex}.ask .narr.on{background:#7c3aed59}.ask .narr small{color:var(--dim);font-size:9px}.side .install{border-color:var(--hi);color:#fff;background:#7c3aed4d}body{padding-top:env(safe-area-inset-top)}.dock{margin-bottom:env(safe-area-inset-bottom)}
