.dbn-vl-root{--dbn-vl-w:372px;--dbn-vl-h:560px;--dbn-vl-orb-collapsed:76px;--dbn-vl-radius-panel:26px;--dbn-vl-ground:var(--wb-rail-bg,#0b1020);--dbn-vl-panel:var(--wb-rail-bg,#141a2e);--dbn-vl-panel-2:var(--app-control-background-muted,#1b2340);--dbn-vl-line:color-mix(in srgb, var(--app-border,#96a0d28c) 55%, transparent);--dbn-vl-line-strong:var(--app-border,#96a0d242);--dbn-vl-ink:var(--wb-text,#eef1fb);--dbn-vl-ink-muted:var(--wb-text-dim,#949cbe);--dbn-vl-ink-faint:color-mix(in srgb, var(--wb-text-dim,#666e92) 70%, transparent);--dbn-vl-violet:#7c5cff;--dbn-vl-violet-hi:#a78bfa;--dbn-vl-lime:#2f9e44;--dbn-vl-pink:#ff3d8d;--dbn-vl-user-bubble:#7c5cff33;--dbn-vl-user-bubble-line:#a78bfa73;--dbn-vl-bot-bubble:#96a0d21a;--dbn-vl-bot-bubble-line:#96a0d233;--dbn-vl-ease:cubic-bezier(.22, .61, .36, 1);--dbn-vl-ease-spring:cubic-bezier(.34, 1.32, .44, 1);--dbn-vl-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;width:var(--dbn-vl-w);height:var(--dbn-vl-h);z-index:20;pointer-events:none;max-width:calc(100vw - 32px);font-family:var(--dbn-vl-sans);color:var(--dbn-vl-ink);position:fixed;bottom:clamp(20px,4vw,44px);right:clamp(20px,4vw,44px)}.dbn-vl-root>*{pointer-events:auto}@media (prefers-color-scheme:dark){.dbn-vl-root{--dbn-vl-lime:#b8ff3d}}.dark .dbn-vl-root{--dbn-vl-lime:#b8ff3d}.dbn-vl-surface{border-radius:calc(var(--dbn-vl-orb-collapsed) / 2);background:radial-gradient(120% 80% at 50% 0%, #7c5cff1f, transparent 60%), var(--dbn-vl-panel);border:1px solid var(--dbn-vl-line-strong);transition:left .18s var(--dbn-vl-ease), width .18s var(--dbn-vl-ease), top .24s var(--dbn-vl-ease), height .24s var(--dbn-vl-ease), border-radius .18s var(--dbn-vl-ease);position:absolute;box-shadow:0 24px 70px #03051099,inset 0 1px #ffffff0a}.dbn-vl-root[data-stage=collapsed] .dbn-vl-surface{left:calc(var(--dbn-vl-w) - var(--dbn-vl-orb-collapsed));top:calc(var(--dbn-vl-h) - var(--dbn-vl-orb-collapsed));width:var(--dbn-vl-orb-collapsed);height:var(--dbn-vl-orb-collapsed);border-radius:calc(var(--dbn-vl-orb-collapsed) / 2)}.dbn-vl-root[data-stage=h] .dbn-vl-surface{left:0;top:calc(var(--dbn-vl-h) - var(--dbn-vl-orb-collapsed));width:var(--dbn-vl-w);height:var(--dbn-vl-orb-collapsed);border-radius:var(--dbn-vl-radius-panel)}.dbn-vl-root[data-stage=full] .dbn-vl-surface{width:var(--dbn-vl-w);height:var(--dbn-vl-h);border-radius:var(--dbn-vl-radius-panel);top:0;left:0}.dbn-vl-content{border-radius:var(--dbn-vl-radius-panel);grid-template-rows:56px 168px 1fr 64px;display:grid;position:absolute;inset:0;overflow:hidden}.dbn-vl-root[data-stage=collapsed] .dbn-vl-content{opacity:0;pointer-events:none}.dbn-vl-head{opacity:0;transition:opacity .16s var(--dbn-vl-ease) 60ms, transform .16s var(--dbn-vl-ease) 60ms;align-items:center;gap:8px;padding:0 18px;font-size:14px;display:flex;transform:translateY(-4px)}.dbn-vl-title{font-weight:550}.dbn-vl-dot{color:var(--dbn-vl-ink-faint)}.dbn-vl-agent{color:var(--dbn-vl-ink-muted);font-weight:400}.dbn-vl-orb-slot{position:relative}.dbn-vl-orb-status{text-align:center;color:var(--dbn-vl-ink-muted);letter-spacing:.01em;opacity:0;transition:opacity .2s var(--dbn-vl-ease) .16s;font-size:12.5px;position:absolute;bottom:8px;left:0;right:0}.dbn-vl-transcript{opacity:0;transition:opacity .22s var(--dbn-vl-ease) .18s;scrollbar-width:thin;scrollbar-color:var(--dbn-vl-line-strong) transparent;flex-direction:column;gap:9px;padding:6px 16px 10px;display:flex;overflow-y:auto}.dbn-vl-transcript::-webkit-scrollbar{width:6px}.dbn-vl-transcript::-webkit-scrollbar-thumb{background:var(--dbn-vl-line-strong);border-radius:3px}.dbn-vl-bubble{max-width:82%;color:var(--dbn-vl-ink);animation:dbn-vl-bubble-in .28s var(--dbn-vl-ease-spring) both;border-radius:15px;padding:9px 13px;font-size:14px;line-height:1.5}@keyframes dbn-vl-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.dbn-vl-user{background:var(--dbn-vl-user-bubble);border:1px solid var(--dbn-vl-user-bubble-line);border-bottom-right-radius:5px;align-self:flex-end}.dbn-vl-bot{background:var(--dbn-vl-bot-bubble);border:1px solid var(--dbn-vl-bot-bubble-line);border-bottom-left-radius:5px;align-self:flex-start}.dbn-vl-who{letter-spacing:.04em;color:var(--dbn-vl-ink-faint);margin-bottom:2px;font-size:10.5px;display:block}.dbn-vl-ephemeral{max-width:82%;color:var(--dbn-vl-ink-muted);align-self:flex-start;padding:2px 4px;font-size:13.5px;font-style:italic;line-height:1.5}.dbn-vl-ephemeral:after{content:"▍";color:var(--dbn-vl-lime);animation:1s step-end infinite dbn-vl-caret}@keyframes dbn-vl-caret{50%{opacity:0}}.dbn-vl-controls{border-top:1px solid var(--dbn-vl-line);opacity:0;transition:opacity .22s var(--dbn-vl-ease) .2s;justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex}.dbn-vl-vc{font-family:var(--dbn-vl-sans);color:var(--dbn-vl-ink);background:var(--dbn-vl-panel-2);border:1px solid var(--dbn-vl-line-strong);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.dbn-vl-vc:hover{background:color-mix(in srgb, var(--dbn-vl-panel-2) 70%, var(--dbn-vl-violet) 14%)}.dbn-vl-vc[aria-pressed=true]{color:var(--dbn-vl-lime);border-color:color-mix(in srgb, var(--dbn-vl-lime) 40%, var(--dbn-vl-line-strong))}.dbn-vl-end{color:var(--dbn-vl-pink)}.dbn-vl-end:hover{background:color-mix(in srgb, var(--dbn-vl-panel-2) 60%, var(--dbn-vl-pink) 18%)}.dbn-vl-root[data-stage=full] .dbn-vl-head,.dbn-vl-root[data-stage=full] .dbn-vl-orb-status,.dbn-vl-root[data-stage=full] .dbn-vl-transcript,.dbn-vl-root[data-stage=full] .dbn-vl-controls,.dbn-vl-root[data-stage=h] .dbn-vl-head{opacity:1;transform:none}.dbn-vl-orb{transition:left .24s var(--dbn-vl-ease), top .24s var(--dbn-vl-ease), width .24s var(--dbn-vl-ease-spring), height .24s var(--dbn-vl-ease-spring);border-radius:50%;position:absolute}.dbn-vl-root[data-stage=collapsed] .dbn-vl-orb,.dbn-vl-root[data-stage=h] .dbn-vl-orb{left:calc(var(--dbn-vl-w) - var(--dbn-vl-orb-collapsed));top:calc(var(--dbn-vl-h) - var(--dbn-vl-orb-collapsed));width:var(--dbn-vl-orb-collapsed);height:var(--dbn-vl-orb-collapsed)}.dbn-vl-root[data-stage=full] .dbn-vl-orb{left:calc((var(--dbn-vl-w) - 140px) / 2);width:140px;height:140px;top:60px}.dbn-vl-orb-open{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;inset:0}.dbn-vl-orb-open:focus-visible{outline:2px solid var(--wb-accent,var(--dbn-vl-violet-hi));outline-offset:4px}.dbn-vl-hint{right:calc(var(--dbn-vl-orb-collapsed) + 12px);white-space:nowrap;color:var(--muted-foreground,var(--dbn-vl-ink-muted));background:color-mix(in srgb, var(--dbn-vl-panel) 82%, transparent);border:1px solid color-mix(in srgb, var(--wb-accent,#dde4ee) 60%, transparent);pointer-events:none;transition:opacity .3s var(--dbn-vl-ease);border-radius:9px;padding:5px 10px;font-size:12px;position:absolute;bottom:50%;transform:translateY(50%)}.dbn-vl-root[data-stage=h] .dbn-vl-hint,.dbn-vl-root[data-hint=hidden] .dbn-vl-hint{opacity:0}@media (prefers-reduced-motion:reduce){.dbn-vl-surface,.dbn-vl-orb,.dbn-vl-head,.dbn-vl-orb-status,.dbn-vl-transcript,.dbn-vl-controls{transition:none!important}.dbn-vl-bubble,.dbn-vl-ephemeral:after{animation:none!important}}