.ex-app.ex-app .agent-illustration{width:100%;height:auto;display:block;overflow:visible}.ex-app.ex-app .agent-illustration .agi-stand{--top-a:var(--surface);--top-b:var(--surface-3);--front-a:var(--surface-3);--front-b:var(--line);--side-a:var(--line);--side-b:var(--line-strong)}.ex-app.ex-app .agent-illustration .agi-phone{--top-a:var(--line-strong);--top-b:var(--ink-faint);--front-a:var(--surface-3);--front-b:var(--line-strong);--side-a:var(--ink-faint);--side-b:var(--ink-soft)}.ex-app.ex-app .agent-illustration .agi-desk{--top-a:var(--surface);--top-b:var(--surface-2);--front-a:var(--surface-3);--front-b:var(--line);--side-a:var(--line);--side-b:var(--line-strong)}.ex-app.ex-app .agent-illustration .agi-alu{--top-a:var(--surface);--top-b:var(--surface-3);--front-a:var(--surface-3);--front-b:var(--line-strong);--side-a:var(--line-strong);--side-b:var(--ink-faint)}.ex-app.ex-app .agent-illustration .agi-speaker{--cyl-a:var(--surface);--cyl-b:var(--surface-3);--cyl-c:var(--line-strong);--cap:var(--surface-2)}.ex-app.ex-app .agent-illustration .agi-cup{--cyl-a:var(--surface);--cyl-b:var(--surface-2);--cyl-c:var(--line);--cap:var(--ink-3)}.ex-app.ex-app .agent-illustration .agi-pot{--cyl-a:var(--surface-3);--cyl-b:var(--line);--cyl-c:var(--line-strong);--cap:var(--ink-soft)}.ex-app.ex-app .agent-illustration .agi-s-top-a{stop-color:var(--top-a)}.ex-app.ex-app .agent-illustration .agi-s-top-b{stop-color:var(--top-b)}.ex-app.ex-app .agent-illustration .agi-s-front-a{stop-color:var(--front-a)}.ex-app.ex-app .agent-illustration .agi-s-front-b{stop-color:var(--front-b)}.ex-app.ex-app .agent-illustration .agi-s-side-a{stop-color:var(--side-a)}.ex-app.ex-app .agent-illustration .agi-s-side-b{stop-color:var(--side-b)}.ex-app.ex-app .agent-illustration .agi-s-cyl-a{stop-color:var(--cyl-a)}.ex-app.ex-app .agent-illustration .agi-s-cyl-b{stop-color:var(--cyl-b)}.ex-app.ex-app .agent-illustration .agi-s-cyl-c{stop-color:var(--cyl-c)}.ex-app.ex-app .agent-illustration .agi-box :is(.agi-top,.agi-front,.agi-side),.ex-app.ex-app .agent-illustration .agi-cyl-body{stroke:var(--line-strong);stroke-width:.5px}.ex-app.ex-app .agent-illustration .agi-cyl-top{fill:var(--cap);stroke:var(--line-strong);stroke-width:.5px}.ex-app.ex-app .agent-illustration .agi-floor-shadow{fill:var(--ink);opacity:.07}.ex-app.ex-app .agent-illustration .agi-shadow{fill:var(--ink);opacity:.12}.ex-app.ex-app .agent-illustration .agi-s-glow-a{stop-color:var(--green-soft);stop-opacity:.55}.ex-app.ex-app .agent-illustration .agi-s-glow-b{stop-color:var(--green-soft);stop-opacity:.18}.ex-app.ex-app .agent-illustration .agi-s-glow-c{stop-color:var(--green-soft);stop-opacity:0}.ex-app.ex-app .agent-illustration .agi-s-orb-a{stop-color:var(--green-soft-2)}.ex-app.ex-app .agent-illustration .agi-s-orb-b{stop-color:var(--green)}.ex-app.ex-app .agent-illustration .agi-s-orb-c{stop-color:var(--green-ink)}.ex-app.ex-app .agent-illustration .agi-orb-shine{fill:var(--surface);opacity:.6}.ex-app.ex-app .agent-illustration .agi-ring{fill:none;stroke:var(--green);stroke-width:2.4px}.ex-app.ex-app .agent-illustration :is(.agi-screen,.agi-glass){fill:var(--surface);stroke:var(--line);stroke-width:.6px}.ex-app.ex-app .agent-illustration .agi-notch{fill:var(--line-strong)}.ex-app.ex-app .agent-illustration .agi-caption{fill:var(--line)}.ex-app.ex-app .agent-illustration .agi-talk{fill:var(--green-wash);stroke:var(--green);stroke-width:.6px}.ex-app.ex-app .agent-illustration .agi-screen-bar{fill:var(--surface-3)}.ex-app.ex-app .agent-illustration .agi-screen-dot{fill:var(--green)}.ex-app.ex-app .agent-illustration .agi-keys{fill:var(--surface-3);stroke:var(--line);stroke-width:.5px}.ex-app.ex-app .agent-illustration .agi-chat-me{fill:var(--surface-3)}.ex-app.ex-app .agent-illustration .agi-chat-ai{fill:var(--green-wash);stroke:var(--green-soft);stroke-width:.4px}.ex-app.ex-app .agent-illustration .agi-bar{fill:var(--green);transform-box:fill-box;transform-origin:50%}.ex-app.ex-app .agent-illustration .agi-leaves ellipse{fill:var(--green-ink)}.ex-app.ex-app .agent-illustration .agi-leaves ellipse:nth-child(2){fill:var(--green)}.ex-app.ex-app .agent-illustration .agi-bubble rect:first-child{stroke-width:1px}.ex-app.ex-app .agent-illustration .agi-bubble-me rect:first-child{fill:var(--surface);stroke:var(--line-strong)}.ex-app.ex-app .agent-illustration .agi-bubble-me .agi-bar{fill:var(--ink-soft)}.ex-app.ex-app .agent-illustration .agi-bubble-ai rect:first-child{fill:var(--green-wash);stroke:var(--green)}.ex-app.ex-app .agent-illustration .agi-bubble-line{fill:var(--green-ink);opacity:.55}.ex-app.ex-app .agent-illustration .agi-dot{fill:var(--green-ink)}@media (prefers-reduced-motion:no-preference){.ex-app.ex-app .agent-illustration .agi-bar{animation:1.4s ease-in-out infinite agi-talk}.ex-app.ex-app .agent-illustration .agi-dot{animation:1.2s ease-in-out infinite agi-dot}.ex-app.ex-app .agent-illustration :is(.agi-halo,.agi-orb-glow){animation:2.6s ease-in-out infinite agi-glow}}@keyframes agi-talk{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}@keyframes agi-dot{0%,to{opacity:.35}50%{opacity:1}}@keyframes agi-glow{0%,to{opacity:.65}50%{opacity:1}}
.ex-app.ex-app .vw{border-radius:var(--r-lg);background:var(--ndl-surface);border:1px solid var(--ndl-line);justify-content:center;align-items:center;gap:4px;height:120px;padding:0 14px;display:flex}.ex-app.ex-app .vw-bar{border-radius:var(--r-pill);background:linear-gradient(to top, var(--ex-em-d), var(--ex-em));transform-origin:50%;flex:1 1 0;min-width:0;max-width:12px;height:86%;transition:transform 60ms linear}.ex-app.ex-app .vw-idle .vw-bar{opacity:.55}@media (prefers-reduced-motion:reduce){.ex-app.ex-app .vw-bar{transition:none}}
.ex-app.ex-app .agent-pill .agent-pill-mark{border-radius:var(--r-pill);background:var(--ndl-surface);width:24px;height:24px;color:var(--ex-em);place-items:center;display:grid}.ex-app.ex-app .agent-pill .agent-pill-mark svg{width:15px;height:15px}@media print{.ex-app.ex-app .agent-pillrow{display:none}}.ex-app.ex-app .dbx-msgdock.msx-dock.agent-dock{width:380px;height:600px}@media (max-width:780px){.ex-app.ex-app .dbx-msgdock.msx-dock.agent-dock{width:100%;height:100dvh}}.ex-app.ex-app .av.agent-face{border-radius:var(--r-pill);background:var(--ndl-surface);border:1px solid var(--ndl-line);width:30px;height:30px;color:var(--ex-em);flex:none;place-items:center;display:grid}.ex-app.ex-app .av.agent-face svg{width:18px;height:18px}.ex-app.ex-app .dbxc-h .av.agent-face{width:36px;height:36px}.ex-app.ex-app .dbxc-h .av.agent-face svg{width:21px;height:21px}.ex-app.ex-app .agent-dock .agent-chips{flex-direction:column;align-items:flex-end;gap:8px;margin-top:4px;display:flex}.ex-app.ex-app .agent-dock .agent-error{background:var(--ndl-surface);padding:8px 12px 0}.ex-app.ex-app .agent-call{background:var(--ex-mint);border-top:1px solid var(--ex-em-b);flex-direction:column;gap:10px;padding:14px;display:flex}.ex-app.ex-app .agent-caption{min-height:2.8em;color:var(--ndl-ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.ex-app.ex-app .agent-caption.them{color:var(--ex-em-dd)}.ex-app.ex-app .agent-call-acts{align-items:center;gap:10px;display:flex}.ex-app.ex-app .agent-call-state{font-size:var(--t-small);color:var(--ex-em-dd);flex:1;font-weight:600}.ex-app.ex-app .dbxc-cb.agent-talk.on{background:var(--ex-mint);color:var(--ex-em-dd)}.ex-app.ex-app .agent-dock .agent-fine{font-size:var(--t-caps);color:var(--ndl-soft);background:var(--ndl-surface);padding:0 14px 10px}.ex-app.ex-app .agent-invite-blk{padding:8px 0 0}.ex-app.ex-app .agent-invite{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--ex-line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:28px;padding:26px 28px;display:grid}.ex-app.ex-app .agent-invite-art{border-radius:var(--r-lg);cursor:pointer;background:0 0;border:0;justify-self:center;width:100%;max-width:420px;padding:0;transition:transform .2s;display:block}.ex-app.ex-app .agent-invite-art:hover{transform:translateY(-3px)}.ex-app.ex-app .agent-invite-art:focus-visible{outline:2px solid var(--ex-em);outline-offset:6px}.ex-app.ex-app .agent-invite-text{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.ex-app.ex-app .agent-invite-text .dek{margin:0}@media (max-width:720px){.ex-app.ex-app .agent-invite{grid-template-columns:1fr;gap:16px;padding:22px 20px}.ex-app.ex-app .agent-invite-art{max-width:280px}}@media (prefers-reduced-motion:reduce){.ex-app.ex-app .agent-invite-art{transition:none}.ex-app.ex-app .agent-invite-art:hover{transform:none}}
