*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e5e7eb;background:#0d0d10;min-height:100dvh;font-family:system-ui,-apple-system,sans-serif}.back{color:#6b7280;margin-bottom:24px;font-size:.85rem;text-decoration:none;display:inline-block}.back:hover{color:#13ef93}h1{color:#13ef93;margin-bottom:6px;font-size:1.2rem;font-weight:600}.badge{vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.badge-source{color:#a5b4fc;background:#6366f133;border:1px solid #6366f14d}.badge-react{color:#7dd3fc;background:#38bdf833;border:1px solid #38bdf84d}.badge-umd{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b4d}.desc{color:#6b7280;margin-bottom:24px;font-size:.875rem}.code-wrap{margin-top:24px}.code-wrap h3{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.8rem;font-weight:600}pre.code{color:#e2e8f0;background:#0a0a0d;border:1px solid #ffffff0f;border-radius:10px;padding:16px;font-size:.8rem;line-height:1.6;overflow-x:auto}pre.code .kw{color:#c084fc}pre.code .fn{color:#60a5fa}pre.code .str{color:#4ade80}pre.code .cm{color:#4b5563;font-style:italic}pre.code .tag{color:#f472b6}pre.code .at{color:#fcd34d}[data-dg-agent]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){[data-dg-agent]{--lightningcss-light: ;--lightningcss-dark:initial}}[data-dg-agent][data-dg-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-dg-agent][data-dg-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-dg-agent]{--dg-va-primary:#13ef93;--dg-va-primary-hover:color-mix(in srgb, var(--dg-va-primary) 85%, #000);--dg-va-primary-active:color-mix(in srgb, var(--dg-va-primary) 70%, #000);--dg-va-radius:16px;--dg-va-btn-radius:10px;--dg-va-input-radius:8px;--dg-va-msg-radius:12px;--dg-va-padding:16px;--dg-va-font:system-ui, -apple-system, sans-serif;background:var(--dg-va-bg,var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181c));color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));font-family:var(--dg-va-font)}.dg-va-header{padding:14px var(--dg-va-padding);border-bottom:1px solid var(--dg-va-border,var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff14));background:var(--dg-va-bg,var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181c));flex-shrink:0;align-items:center;gap:10px;display:flex}.dg-va-header-icon{width:28px;height:28px;color:var(--dg-va-primary);flex-shrink:0}.dg-va-header-name{flex:1;font-size:15px;font-weight:600}[data-agent-status]{color:var(--dg-va-text-muted,var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#8b8b9a));align-items:center;gap:6px;font-size:12px;display:flex}.dg-va-close-btn{color:var(--dg-va-text-muted,var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#8b8b9a));cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;line-height:0;transition:background .15s,color .15s;display:flex}.dg-va-close-btn:hover{color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));background:var(--dg-va-bg-hover,var(--lightningcss-light,#f9fafb)var(--lightningcss-dark,#1a1a1f))}.dg-va-close-btn:active{background:var(--dg-va-bg-active,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#222228))}[data-agent-conversation]{padding:var(--dg-va-padding);flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}[data-agent-conversation]::-webkit-scrollbar{width:4px}[data-agent-conversation]::-webkit-scrollbar-track{background:0 0}[data-agent-conversation]::-webkit-scrollbar-thumb{background:var(--dg-va-border,var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff1a));border-radius:2px}[data-agent-conversation] [data-role]{border-radius:var(--dg-va-msg-radius);word-break:break-word;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.5}[data-agent-conversation] [data-role=user]{background:var(--dg-va-msg-user-bg,var(--lightningcss-light,#13ef931f)var(--lightningcss-dark,#13ef9326));border:1px solid var(--dg-va-msg-user-border,var(--lightningcss-light,#13ef934d)var(--lightningcss-dark,#13ef9333));color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));align-self:flex-end}[data-agent-conversation] [data-role=assistant]{background:var(--dg-va-bg-raised,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#222228));border:1px solid var(--dg-va-border,var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff14));color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));align-self:flex-start}.dg-va-empty-state{color:var(--dg-va-text-muted,var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#8b8b9a));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px;font-size:14px;display:flex}.dg-va-controls{padding:12px var(--dg-va-padding);border-top:1px solid var(--dg-va-border,var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff14));background:var(--dg-va-bg,var(--lightningcss-light,#fff)var(--lightningcss-dark,#18181c));flex-direction:column;flex-shrink:0;gap:10px;display:flex}[data-agent-text-input]{flex:1;align-items:center;gap:8px;display:flex}[data-agent-text-input] textarea{background:var(--dg-va-bg-input,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#1e1e24));border:1px solid var(--dg-va-border,var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff14));border-radius:var(--dg-va-input-radius);color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));resize:none;outline:none;flex:1;min-height:42px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}[data-agent-text-input] textarea:focus{border-color:var(--dg-va-primary)}[data-agent-text-input] textarea::placeholder{color:var(--dg-va-text-muted,var(--lightningcss-light,#9ca3af)var(--lightningcss-dark,#8b8b9a))}[data-agent-text-input] button{color:var(--dg-va-text-muted,var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#8b8b9a));cursor:pointer;border-radius:var(--dg-va-btn-radius);background:0 0;border:none;align-items:center;padding:8px;line-height:0;transition:color .15s;display:flex}[data-agent-text-input] button:hover:not(:disabled){color:var(--dg-va-primary)}[data-agent-text-input] button:disabled{opacity:.4;cursor:not-allowed}[data-agent-mic-button],[data-agent-speaker-button]{border-radius:var(--dg-va-btn-radius);border:1px solid var(--dg-va-border,var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff14));background:var(--dg-va-bg-raised,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#222228));width:40px;height:40px;color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;line-height:0;transition:background .15s,color .15s;display:flex}[data-agent-mic-button]:hover,[data-agent-speaker-button]:hover{background:var(--dg-va-bg-hover,var(--lightningcss-light,#f9fafb)var(--lightningcss-dark,#1a1a1f))}[data-agent-mic-button]:active,[data-agent-speaker-button]:active{background:var(--dg-va-bg-active,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#222228))}[data-agent-mic-button][data-state=muted],[data-agent-speaker-button][data-state=muted]{color:var(--dg-va-text-muted,var(--lightningcss-light,#9ca3af)var(--lightningcss-dark,#8b8b9a))}[data-agent-mic-button][data-state=active],[data-agent-speaker-button][data-state=active]{background:var(--dg-va-primary);color:var(--dg-va-on-primary,var(--lightningcss-light,#000)var(--lightningcss-dark,#000));border-color:var(--dg-va-primary)}[data-agent-mic-button][data-state=active]:hover,[data-agent-speaker-button][data-state=active]:hover{background:var(--dg-va-primary-hover)}[data-agent-mic-button]:disabled,[data-agent-speaker-button]:disabled{opacity:.4;cursor:not-allowed}[data-agent-start-button]{border-radius:var(--dg-va-btn-radius);background:var(--dg-va-primary);width:100%;color:var(--dg-va-on-primary,var(--lightningcss-light,#000)var(--lightningcss-dark,#000));cursor:pointer;border:none;padding:12px;font-size:14px;font-weight:600;transition:background .15s}[data-agent-start-button]:hover:not(:disabled){background:var(--dg-va-primary-hover)}[data-agent-start-button]:active:not(:disabled){background:var(--dg-va-primary-active)}[data-agent-start-button]:disabled{opacity:.4;cursor:not-allowed}[data-agent-start-button][data-state=connected],[data-agent-start-button][data-state=reconnecting]{background:var(--dg-va-bg-raised,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#222228));color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));border:1px solid var(--dg-va-border,var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff14))}[data-agent-start-button][data-state=connected]:hover:not(:disabled),[data-agent-start-button][data-state=reconnecting]:hover:not(:disabled){background:var(--dg-va-bg-hover,var(--lightningcss-light,#f9fafb)var(--lightningcss-dark,#1a1a1f))}[data-agent-start-button][data-state=connected]:active:not(:disabled),[data-agent-start-button][data-state=reconnecting]:active:not(:disabled){background:var(--dg-va-bg-active,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#222228))}[data-agent-start-button]:focus-visible,[data-agent-mic-button]:focus-visible,[data-agent-speaker-button]:focus-visible,.dg-va-close-btn:focus-visible{outline:2px solid var(--dg-va-primary);outline-offset:2px}[data-agent-mic-selector]{appearance:none;background:var(--dg-va-bg-input,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#1e1e24));border:1px solid var(--dg-va-border,var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff14));border-radius:var(--dg-va-input-radius,8px);color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));font-size:13px;font-family:var(--dg-va-font,system-ui, -apple-system, sans-serif);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:8px 32px 8px 12px;transition:border-color .15s}[data-agent-mic-selector]:hover:not(:disabled){border-color:var(--dg-va-primary)}[data-agent-mic-selector]:focus{border-color:var(--dg-va-primary);outline:none}[data-agent-mic-selector]:disabled{opacity:.5;cursor:not-allowed}[data-agent-voice-button]{font-family:var(--dg-va-font,system-ui, -apple-system, sans-serif);border:1px solid var(--dg-va-border,var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff1f));border-radius:var(--dg-va-btn-radius,10px);background:var(--dg-va-bg-raised,var(--lightningcss-light,#f4f4f5)var(--lightningcss-dark,#27272a));color:var(--dg-va-text,var(--lightningcss-light,#18181b)var(--lightningcss-dark,#e5e7eb));cursor:pointer;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .2s;display:inline-flex}[data-agent-voice-button]:hover:not(:disabled){background:var(--dg-va-bg-hover,var(--lightningcss-light,#f9fafb)var(--lightningcss-dark,#1a1a1f));border-color:var(--dg-va-primary)}[data-agent-voice-button]:active:not(:disabled){background:var(--dg-va-bg-active,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#222228))}[data-agent-voice-button]:disabled{opacity:.6;cursor:wait}[data-agent-voice-button]:focus-visible{outline:2px solid var(--dg-va-primary);outline-offset:2px}[data-agent-voice-button][data-voice-state=listening]{border-color:var(--dg-va-primary);box-shadow:0 0 0 1px var(--dg-va-primary), 0 0 12px color-mix(in srgb, var(--dg-va-primary,#13ef93) 20%, transparent)}[data-agent-voice-button][data-voice-state=speaking]{background:var(--dg-va-primary);color:var(--dg-va-on-primary,var(--lightningcss-light,#000)var(--lightningcss-dark,#000));border-color:var(--dg-va-primary);animation:1.5s ease-in-out infinite dg-va-pulse}[data-agent-voice-button][data-voice-state=speaking]:hover:not(:disabled){background:var(--dg-va-primary-hover)}[data-agent-voice-button][data-voice-state=speaking] svg{stroke:var(--dg-va-on-primary,var(--lightningcss-light,#000)var(--lightningcss-dark,#000))}[data-agent-voice-button][data-voice-state=connecting]{animation:1s ease-in-out infinite dg-va-pulse}[data-agent-voice-button][data-voice-state=error]{border-color:var(--dg-va-error,var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#ef4444));color:var(--dg-va-error,var(--lightningcss-light,#dc2626)var(--lightningcss-dark,#ef4444))}[data-agent-response]{color:var(--dg-va-text,var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff));word-break:break-word;font-size:14px;line-height:1.6}[data-agent-response] p{margin:.5em 0}[data-agent-response] p:first-child{margin-top:0}[data-agent-response] p:last-child{margin-bottom:0}[data-agent-response] strong{font-weight:600}[data-agent-response] code{background:var(--dg-va-bg-input,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#1e1e24));border-radius:4px;padding:2px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}[data-agent-response] pre{background:var(--dg-va-bg-input,var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#1e1e24));border:1px solid var(--dg-va-border,var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff14));border-radius:var(--dg-va-input-radius,8px);margin:8px 0;padding:12px 14px;font-size:13px;overflow-x:auto}[data-agent-response] pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}[data-agent-response] ul,[data-agent-response] ol{margin:.5em 0;padding-left:1.5em}[data-agent-response] li{margin:.25em 0}[data-agent-response] h1,[data-agent-response] h2,[data-agent-response] h3,[data-agent-response] h4,[data-agent-response] h5,[data-agent-response] h6{margin:.75em 0 .25em;font-weight:600;line-height:1.3}[data-agent-response] h1{font-size:1.3em}[data-agent-response] h2{font-size:1.15em}[data-agent-response] h3{font-size:1.05em}[data-agent-response] hr{border:none;border-top:1px solid var(--dg-va-border,var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff14));margin:1em 0}[data-agent-response] a{color:var(--dg-va-primary);text-decoration:none}[data-agent-response] a:hover{text-decoration:underline}@keyframes dg-va-pulse{0%,to{opacity:1}50%{opacity:.3}}