.vcd{gap:12px;display:grid}.vcd-card{border:1px solid var(--lp-border);background:var(--lp-card);border-radius:22px;gap:16px;padding:16px;display:grid;box-shadow:0 34px 70px -40px #1c191773}.vcd-voices{flex-wrap:wrap;gap:6px;display:flex}.vcd-voice{border:1px solid var(--lp-border);background:var(--lp-card);color:var(--lp-muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:13px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.vcd-voice:hover{color:var(--lp-fg)}.vcd-voice b{color:var(--lp-strong);font-weight:600}.vcd-voice i{font-style:normal}.vcd-ava{background:var(--lp-card-3);width:26px;height:26px;color:var(--lp-strong);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.vcd-voice.is-on{border-color:var(--lp-fg);background:var(--lp-inset)}.vcd-voice.is-on .vcd-ava{background:var(--lp-fg);color:var(--lp-bg)}.vcd-voice:focus-visible,.vcd-listen:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}.vcd-text{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:500;line-height:1.45}.vcd-w{color:var(--lp-strong);border-radius:5px;margin:0 -2px;padding:0 2px;transition:color .15s,background-color .15s}.vcd[data-mode=silent] .vcd-w,.vcd[data-mode=sound] .vcd-w{color:var(--lp-dim)}.vcd .vcd-w.is-past{color:var(--lp-fg)}.vcd .vcd-w.is-on{color:var(--lp-fg);background-color:#d9775738}.vcd-wave{background:var(--lp-inset);border-radius:12px;align-items:center;gap:2px;height:56px;padding:0 2px;display:flex;position:relative}.vcd-wave span{background:var(--lp-border-strong);border-radius:2px;flex:1;min-width:2px;transition:background-color .12s}.vcd-wave span.is-played{background:var(--lp-accent)}.vcd-head{background:var(--lp-fg);opacity:0;border-radius:2px;width:2px;margin-left:-1px;transition:opacity .2s;position:absolute;top:6px;bottom:6px;left:0}.vcd[data-mode=silent] .vcd-head,.vcd[data-mode=sound] .vcd-head{opacity:1}.vcd-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vcd-opt{border:1px solid var(--lp-border);background:var(--lp-card);color:var(--lp-text);border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.vcd-listen{background:var(--lp-btn-bg);height:36px;color:var(--lp-btn-fg);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:0 16px 0 12px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.vcd-listen:hover{background:var(--lp-btn-hover)}.vcd-listen svg{width:16px;height:16px}.vcd-eq{align-items:flex-end;gap:2px;width:16px;height:14px;display:inline-flex}.vcd-eq i{background:currentColor;border-radius:1px;flex:1;animation:.9s ease-in-out infinite vcd-eq}.vcd-eq i:nth-child(2){animation-delay:-.3s}.vcd-eq i:nth-child(3){animation-delay:-.6s}@keyframes vcd-eq{0%,to{height:30%}50%{height:100%}}.vcd-note{color:var(--lp-faint);margin:0;font-size:12px}@media (max-width:560px){.vcd-text{font-size:17px}.vcd-voice i{display:none}}@media (prefers-reduced-motion:reduce){.vcd *,.vcd-card{transition:none!important;animation:none!important}}