:root{--bg: #f1f4f4;--surface: #ffffff;--surface-low: #f8fafa;--surface-c: #eaefee;--surface-high: #e2e8e7;--surface-highest: #dae1e1;--ink: #16202a;--ink-soft: #5b6772;--line: #d9e0e0;--outline: #b4bebf;--human: #3b45a3;--on-human: #ffffff;--human-tint: #e2e4f7;--on-human-tint: #1b2470;--agent: #08766c;--on-agent: #ffffff;--agent-tint: #d5eeea;--on-agent-tint: #034841;--local: #3a7437;--own: #4a6989;--third: #9c6210;--third-tint: #ffe6bf;--on-third-tint: #5a3600;--danger: #b3261e;--scrim: rgba(16, 23, 30, .42);--shadow: 0 6px 24px rgba(16, 23, 30, .14);--r-s: 12px;--r-m: 20px;--r-l: 28px;--r-xl: 36px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #10171e;--surface: #18212b;--surface-low: #151e27;--surface-c: #1c2631;--surface-high: #232e3a;--surface-highest: #2b3743;--ink: #e1e8ed;--ink-soft: #9aa7b3;--line: #2b3743;--outline: #3c4a57;--human: #a7aeff;--on-human: #141b5c;--human-tint: #262c55;--on-human-tint: #dee0ff;--agent: #55d3c3;--on-agent: #00382f;--agent-tint: #0f3a36;--on-agent-tint: #b8f1e8;--local: #8fcb89;--own: #9fb8d6;--third: #e6b25e;--third-tint: #4a3410;--on-third-tint: #ffe2b4;--danger: #ffb4ab;--scrim: rgba(0, 0, 0, .55);--shadow: 0 6px 24px rgba(0, 0, 0, .45);color-scheme:dark}}:root[data-theme=dark]{--bg: #10171e;--surface: #18212b;--surface-low: #151e27;--surface-c: #1c2631;--surface-high: #232e3a;--surface-highest: #2b3743;--ink: #e1e8ed;--ink-soft: #9aa7b3;--line: #2b3743;--outline: #3c4a57;--human: #a7aeff;--on-human: #141b5c;--human-tint: #262c55;--on-human-tint: #dee0ff;--agent: #55d3c3;--on-agent: #00382f;--agent-tint: #0f3a36;--on-agent-tint: #b8f1e8;--local: #8fcb89;--own: #9fb8d6;--third: #e6b25e;--third-tint: #4a3410;--on-third-tint: #ffe2b4;--danger: #ffb4ab;--scrim: rgba(0, 0, 0, .55);--shadow: 0 6px 24px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}button:disabled{opacity:.45;cursor:default}input,textarea,select{font:inherit;color:var(--ink);background:var(--surface-c);border:1px solid transparent;border-radius:var(--r-s);padding:11px 14px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--human);background:var(--surface)}:focus-visible{outline:2px solid var(--human);outline-offset:2px}svg.i{width:24px;height:24px;fill:currentColor;flex:none}.muted{color:var(--ink-soft)}.err{color:var(--danger);font-size:13px;margin-top:6px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;word-break:break-all}.grow{flex:1;min-width:0}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iconbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);flex:none;position:relative}.iconbtn:hover{background:var(--surface-high);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:999px;font-weight:600;font-size:14px}.btn.filled{background:var(--human);color:var(--on-human)}.btn.tonal{background:var(--human-tint);color:var(--on-human-tint)}.btn.agent{background:var(--agent-tint);color:var(--on-agent-tint)}.btn.text{color:var(--human);padding:0 12px}.btn.danger{color:var(--danger)}.btn.tonal.danger{background:color-mix(in srgb,var(--danger) 14%,transparent)}.btn svg.i{width:18px;height:18px}.fab{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:var(--r-m);background:var(--human-tint);color:var(--on-human-tint);font-weight:600;box-shadow:var(--shadow)}.fab.small{height:48px;border-radius:16px;box-shadow:none}.avatar{--s: 40px;width:var(--s);height:var(--s);flex:none;display:grid;place-items:center;font-weight:700;font-size:calc(var(--s) * .4);position:relative;color:#fff}.avatar.person{border-radius:50%;background:var(--human);color:var(--on-human)}.avatar.agent{border-radius:30%;background:var(--agent);color:var(--on-agent)}.avatar.agent:after{content:"";position:absolute;right:-2px;bottom:-2px;width:calc(var(--s) * .3);height:calc(var(--s) * .3);background:var(--surface);transform:rotate(45deg);border:2px solid var(--agent);border-radius:2px}.avatar.ring-local{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--local)}.avatar.ring-own_server{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--own)}.avatar.ring-third_party{outline:2px dashed var(--third);outline-offset:2px}.avatar.group{border-radius:50%;background:var(--surface-highest);color:var(--ink-soft)}.faces{position:relative;width:48px;height:48px;flex:none}.faces .avatar{position:absolute;--s: 30px;border:2px solid var(--surface)}.faces .avatar:nth-child(1){left:0;top:0}.faces .avatar:nth-child(2){right:0;bottom:0}.faces.one .avatar{--s: 48px;border:0}.tag{font-size:10px;font-weight:700;letter-spacing:.06em;padding:1px 6px;border-radius:6px;background:var(--agent);color:var(--on-agent)}.egress{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid}.egress.local{color:var(--local)}.egress.own_server{color:var(--own)}.egress.third_party{color:var(--on-third-tint);background:var(--third-tint);border-style:dashed;border-color:var(--third)}.app{display:flex;height:100dvh}.pane{display:flex;flex-direction:column;min-width:0;height:100%;background:var(--surface);position:relative}.pane.list{flex:1}.expanded .pane.list,.medium .pane.list.split{flex:0 0 360px;border-right:1px solid var(--line)}.pane.detail{flex:1;background:var(--surface-low)}.pane.detail.empty{display:grid;place-items:center;color:var(--ink-soft);text-align:center;padding:24px}.topbar{display:flex;align-items:center;gap:4px;min-height:64px;padding:8px;flex:none}.topbar h1{font-size:22px;font-weight:600;margin:0 0 0 8px;flex:1;min-width:0}.topbar .title{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:4px 8px;border-radius:var(--r-s);text-align:left}.topbar .title:hover{background:var(--surface-high)}.topbar .title b{display:block;font-size:16px}.topbar .title small{display:block;font-size:12.5px;color:var(--ink-soft)}.topbar .title small.typing{color:var(--agent)}.scroll{flex:1;overflow:auto;overscroll-behavior:contain}.navbar{display:flex;height:80px;background:var(--surface-c);flex:none;padding-bottom:env(safe-area-inset-bottom)}.navitem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;color:var(--ink-soft)}.navitem .ind{width:64px;height:32px;border-radius:16px;display:grid;place-items:center;position:relative}.navitem.on{color:var(--ink)}.navitem.on .ind{background:var(--human-tint);color:var(--on-human-tint)}.navitem .badge{position:absolute;top:0;right:12px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;display:grid;place-items:center}.rail{width:80px;flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0;background:var(--surface-c)}.rail .navitem{flex:none;width:80px}.drawer{width:300px;flex:none;background:var(--surface-c);display:flex;flex-direction:column;padding:12px;gap:2px;overflow:auto}.drawer.permanent{width:272px;border-right:1px solid var(--line)}.drawer .who{display:flex;align-items:center;gap:12px;padding:12px 12px 16px}.drawer .who b{display:block}.drawer .who small{color:var(--ink-soft)}.ditem{display:flex;align-items:center;gap:14px;height:52px;padding:0 16px;border-radius:26px;font-weight:600;font-size:14px;color:var(--ink-soft);text-align:left;width:100%}.ditem:hover{background:var(--surface-high);color:var(--ink)}.ditem.on{background:var(--human-tint);color:var(--on-human-tint)}.ditem .count{margin-left:auto;font-size:12px}.drawer hr{border:0;border-top:1px solid var(--line);margin:8px 12px}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:20;animation:fade .15s ease-out}.drawer.modal{position:fixed;inset:0 auto 0 0;z-index:21;border-radius:0 var(--r-m) var(--r-m) 0;box-shadow:var(--shadow);animation:slide .2s ease-out}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(-100%)}}.searchpill{display:flex;align-items:center;gap:8px;margin:0 16px 8px;padding:0 8px 0 16px;height:48px;border-radius:24px;background:var(--surface-c);color:var(--ink-soft);flex:none}.searchpill input{background:none;border:0;padding:0;height:100%}.chips{display:flex;gap:8px;padding:4px 16px 8px;overflow-x:auto;flex:none;scrollbar-width:none}.fchip{height:32px;padding:0 14px;border-radius:10px;border:1px solid var(--outline);font-size:13px;font-weight:600;color:var(--ink-soft);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.fchip.on{background:var(--human-tint);color:var(--on-human-tint);border-color:transparent}.sortrow{display:flex;justify-content:space-between;align-items:center;padding:0 20px 4px;font-size:12.5px;color:var(--ink-soft);flex:none}.sortrow select{width:auto;padding:4px 8px;background:none;font-size:12.5px;color:var(--ink-soft)}.crow{display:flex;gap:12px;align-items:center;width:calc(100% - 16px);margin:0 8px;padding:10px 12px;border-radius:var(--r-m);text-align:left}.crow:hover{background:var(--surface-c)}.crow.on{background:var(--human-tint)}.crow .l1,.crow .l2{display:flex;align-items:center;gap:8px}.crow .l1 b{flex:1;min-width:0;font-weight:600}.crow .l1 time{font-size:12px;color:var(--ink-soft)}.crow .l2 .pv{flex:1;min-width:0;font-size:14px;color:var(--ink-soft)}.crow .l2 .pv.typing{color:var(--agent);font-style:italic}.crow.unread .l1 time{color:var(--human);font-weight:600}.pill{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--human);color:var(--on-human);font-size:12px;font-weight:700;display:grid;place-items:center}.crow .l2 svg.i{width:16px;height:16px;color:var(--ink-soft)}.pill.muted{background:var(--surface-highest);color:var(--ink-soft)}.empty{padding:48px 24px;text-align:center;color:var(--ink-soft)}.fabwrap{position:absolute;right:16px;bottom:16px;z-index:2}.egressline{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:12.5px;color:var(--ink-soft);background:var(--surface);border-bottom:1px solid var(--line);text-align:left;width:100%;flex:none}.egressline .ellipsis{flex:1}.banner{padding:8px 16px;font-size:13px;background:var(--third-tint);color:var(--on-third-tint);display:flex;align-items:center;gap:8px;flex:none}.stream{flex:1;overflow:auto;padding:8px 12px 16px;display:flex;flex-direction:column}.stream>*{flex:none}.sep{align-self:center;margin:12px 0 6px;padding:3px 12px;border-radius:999px;background:var(--surface-c);color:var(--ink-soft);font-size:12px;font-weight:600}.notice{align-self:center;max-width:min(520px,92%);margin:6px 0;padding:5px 14px;border-radius:14px;background:var(--surface-c);color:var(--ink-soft);font-size:12.5px;text-align:center}.mrow{display:flex;gap:8px;align-items:flex-end;max-width:min(720px,100%);margin-top:2px}.mrow.first{margin-top:10px}.mrow.mine{align-self:flex-end;flex-direction:row-reverse}.mrow .avatar{--s: 32px}.mrow .spacer{width:32px;flex:none}.bubble{position:relative;padding:7px 12px 6px;border-radius:18px;background:var(--surface);box-shadow:0 1px 0 var(--line);max-width:100%;min-width:64px;overflow-wrap:anywhere;cursor:default}.mrow:not(.mine) .bubble{border-bottom-left-radius:6px}.mrow:not(.mine):not(.last) .bubble{border-bottom-left-radius:18px;border-top-left-radius:6px}.mrow:not(.mine).last:not(.first) .bubble{border-top-left-radius:6px}.mrow.mine .bubble{background:var(--human-tint);color:var(--on-human-tint);border-bottom-right-radius:6px;box-shadow:none}.mrow.agent .bubble{background:var(--agent-tint);color:var(--on-agent-tint);box-shadow:inset 3px 0 0 var(--agent);padding-left:14px}.bubble .who{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;margin-bottom:2px;flex-wrap:wrap}.bubble .who .person{color:var(--human)}.bubble .who .agentname{color:var(--agent)}.bubble .who small{font-weight:400;color:var(--ink-soft)}.bubble .who small.warn{color:var(--danger);font-weight:600}.bubble{touch-action:pan-y;transition:transform .18s ease-out}.bubble .text{white-space:pre-wrap}.bubble .meta{float:right;margin:6px 0 -2px 10px;font-size:11px;color:var(--ink-soft)}.bubble .why{clear:both;font-size:11.5px;color:var(--ink-soft);margin-top:2px}.bubble .mention{color:var(--agent);font-weight:600}.quote{display:block;width:100%;text-align:left;margin:2px 0 4px;padding:4px 10px;border-radius:8px;background:color-mix(in srgb,currentColor 8%,transparent);border-left:3px solid var(--human);font-size:13px}.quote.agent{border-left-color:var(--agent)}.quote b{display:block;font-size:12px}.quote span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft)}.mrow.flash .bubble{animation:flash 1.2s ease-out}@keyframes flash{0%,40%{box-shadow:0 0 0 3px var(--human)}}.typingrow{display:flex;align-items:center;gap:8px;padding:4px 16px 6px;font-size:13px;color:var(--agent);flex:none}.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--agent);animation:dot 1.2s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.dots i,.drawer.modal,.scrim,.mrow.flash .bubble{animation:none}}.jump{position:absolute;right:16px;bottom:88px;width:44px;height:44px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;color:var(--ink-soft);z-index:3}.jump .pill{position:absolute;top:-8px;right:-4px}.card{margin:10px 0 4px 40px;max-width:560px;padding:12px 14px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line)}.card.approval{border-color:var(--third)}.card h4{margin:0 0 4px;font-size:14px}.card .state{font-size:12.5px;color:var(--ink-soft)}.card pre{white-space:pre-wrap;margin:8px 0 0}.card .actions{display:flex;gap:8px;margin-top:10px}.taskline{align-self:center;font-size:12.5px;color:var(--ink-soft);margin:6px 0}.composer{flex:none;padding:8px 12px 12px;background:var(--surface-low);position:relative}.composer .box{display:flex;align-items:flex-end;gap:4px;background:var(--surface);border-radius:26px;padding:4px;box-shadow:0 1px 0 var(--line)}.composer textarea{flex:1;resize:none;background:none;border:0;padding:10px 4px;max-height:180px;line-height:1.4}.composer .send{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--human);color:var(--on-human);flex:none}.composer .send.agent{background:var(--agent);color:var(--on-agent)}.composer .at{font-weight:700;font-size:18px}.replystrip{display:flex;align-items:center;gap:8px;margin:0 8px 6px;padding:6px 4px 6px 12px;border-left:3px solid var(--human);background:var(--surface);border-radius:8px;font-size:13px}.replystrip .grow b{display:block;font-size:12px;color:var(--human)}.suggest{position:absolute;left:12px;bottom:calc(100% - 4px);width:min(320px,calc(100% - 24px));background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow);padding:6px;z-index:5}.suggest button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-s);text-align:left}.suggest button.on,.suggest button:hover{background:var(--surface-c)}.suggest button .avatar{--s: 28px}.suggest small{color:var(--ink-soft);display:block;font-size:12px}.composer .hint{font-size:12px;color:var(--ink-soft);padding:4px 16px 0}.menu{position:fixed;z-index:30;min-width:180px;background:var(--surface);border-radius:var(--r-s);box-shadow:var(--shadow);padding:6px 0}.menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;text-align:left;font-size:14px}.menu button:hover{background:var(--surface-c)}.menu button svg.i{width:20px;height:20px;color:var(--ink-soft)}.menu button.danger{color:var(--danger)}.menu-catch{position:fixed;inset:0;z-index:29}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:10px 16px;border-radius:var(--r-s);font-size:14px;z-index:40}.detail-body{flex:1;overflow:auto;padding:0 16px 32px}.detail-inner{max-width:640px;margin:0 auto}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 20px;gap:4px}.hero .avatar{--s: 88px;margin-bottom:10px}.hero h2{margin:0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:8px}.hero p{margin:0;color:var(--ink-soft)}.pillrow{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:12px 0 20px}.lgroup{margin-bottom:20px}.lgroup>h3{font-size:13px;font-weight:700;color:var(--human);margin:0 0 8px 16px}.lgroup>.card0{background:var(--surface);border-radius:var(--r-m);overflow:hidden}.pane.list .lgroup>.card0{background:var(--surface-low)}.lgroup>.foot{font-size:12.5px;color:var(--ink-soft);margin:8px 16px 0}.grow-row{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 16px;width:100%;text-align:left}button.grow-row:hover,.grow-row.link:hover{background:var(--surface-c)}.grow-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-align:left;align-self:stretch}.grow-main>svg.i{color:var(--ink-soft)}.grow-row+.grow-row{border-top:1px solid var(--line)}.grow-row .avatar{--s: 40px}.grow-row>svg.i{color:var(--ink-soft)}.grow-row .t{flex:1;min-width:0}.grow-row .t b{font-weight:500;display:flex;align-items:center;gap:6px}.grow-row .t small{display:block;color:var(--ink-soft);font-size:13px}.grow-row .chev{color:var(--outline)}.grow-row.stack{flex-direction:column;align-items:stretch;gap:8px}.seg{display:inline-flex;border:1px solid var(--outline);border-radius:999px;overflow:hidden;flex:none}.seg button{height:36px;padding:0 14px;font-size:13px;font-weight:600;color:var(--ink-soft)}.seg button+button{border-left:1px solid var(--outline)}.seg button.on{background:var(--human-tint);color:var(--on-human-tint)}.seg.full{display:flex;width:100%}.seg.full button{flex:1}.switch{width:52px;height:32px;border-radius:16px;background:var(--surface-highest);border:2px solid var(--outline);position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;left:6px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--outline);transition:all .15s}.switch.on{background:var(--human);border-color:var(--human)}.switch.on:after{left:22px;top:2px;width:24px;height:24px;background:var(--on-human)}.inline{display:flex;gap:8px;align-items:center}.inline input,.inline select{flex:1}.skills{display:flex;flex-wrap:wrap;gap:6px}.skills span{font-size:12.5px;padding:3px 10px;border-radius:8px;background:var(--agent-tint);color:var(--on-agent-tint)}.bar{height:6px;border-radius:3px;background:var(--surface-highest);overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--agent)}.sas{font-size:30px;letter-spacing:6px;text-align:center;margin:6px 0}.codebox{padding:12px 14px;border-radius:var(--r-s);background:var(--surface-c)}.welcome{min-height:100%;display:grid;place-items:center;padding:24px 16px;overflow:auto;height:100%}.welcome .box{width:min(440px,100%);background:var(--surface);border-radius:var(--r-l);padding:28px 24px}.welcome h1{margin:12px 0 6px;font-size:28px}.welcome p{color:var(--ink-soft);margin:0 0 16px}.legend{display:flex;gap:16px;margin:16px 0 20px;font-size:13px;color:var(--ink-soft);align-items:center;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:8px}.legend .avatar{--s: 26px}.linkish{text-align:left;font-weight:500}.linkish:hover{text-decoration:underline}.words{columns:3;column-gap:16px;margin:0;padding-left:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.9}@media(max-width:420px){.words{columns:2}}