@keyframes callDot{0%,to{opacity:1}50%{opacity:.25}}.vd-card{background:linear-gradient(180deg, rgba(var(--glass-rgb), .55), rgba(var(--glass-rgb), .4));border:1px solid var(--accent-line);border-radius:16px;transition:border-color .3s,box-shadow .3s;box-shadow:0 18px 70px #0000000f}.vd-card[data-connected=true]{border-color:color-mix(in srgb, var(--accent) 32%, transparent);box-shadow:0 0 56px color-mix(in srgb, var(--accent) 13%, transparent)}.vd-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:8.5px}.vd-meta{color:var(--dim);transition:color .3s}.vd-meta-dot{background:var(--dim);border-radius:9999px;width:4px;height:4px;transition:background .3s;display:block}.vd-timer{color:var(--muted);transition:color .3s}.vd-card[data-connected=true] .vd-meta,.vd-card[data-connected=true] .vd-timer{color:var(--accent)}.vd-card[data-connected=true] .vd-meta-dot{background:var(--accent);animation:1.4s ease-in-out infinite callDot}.vd-status-out{color:var(--muted);transition:color .3s}.vd-status-out[data-status=connected]{color:var(--accent)}.vd-status-out[data-status=error]{color:var(--red)}.vd-status-in{color:var(--dim)}.vd-card[data-connected=true] .vd-status-in{color:var(--accent)}.vd-panel{border:1px solid var(--line-soft);background:rgba(var(--overlay-rgb), .025);border-radius:14px;padding:20px}.vd-level-rail{background:var(--line-soft);border-radius:9999px;height:7px;overflow:hidden}.vd-level-bar{background:var(--accent);opacity:.35;border-radius:9999px;width:0%;height:100%;transition:width 60ms ease-out,opacity .25s}.vd-card[data-connected=true] .vd-level-bar{opacity:1}.vd-cost-total{color:var(--dim);transition:color .3s}.vd-cost-total[data-ready=true]{color:var(--text)}.vd-cost-rail{background:rgba(var(--overlay-rgb), .05);border-radius:9999px;height:3px;margin-top:10px;display:flex;overflow:hidden}.vd-cost-seg{background:var(--accent);transition:width .5s,opacity .3s}.vd-cost-detail{color:var(--dim)}.vd-cost-detail[data-ready=true]{color:var(--muted)}