.vp{gap:12px;display:grid}.vp-status{color:var(--text-muted);border:1px dashed var(--border);text-align:center;border-radius:6px;padding:18px;font-family:JetBrains Mono,monospace;font-size:11.5px}.vp-error{color:var(--accent)}.vp-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vp-filters{gap:6px;display:flex}.vp-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-family:JetBrains Mono,monospace;font-size:10.5px;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.vp-pill:hover{color:var(--text)}.vp-pill.active{color:var(--accent);border-color:var(--accent);background:linear-gradient(135deg, #ff6b3d0f, transparent), var(--surface)}.vp-pill span{color:var(--text-dim);font-size:9.5px}.vp-select{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:5px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.vp-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.vp-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;outline:none;flex-direction:column;gap:6px;padding:14px 14px 12px;transition:border-color .15s,background .15s;display:flex}.vp-card:hover{border-color:var(--text-dim)}.vp-card.selected{border-color:var(--accent);background:linear-gradient(135deg, #ff6b3d0f, transparent 70%), var(--surface);box-shadow:0 0 0 1px var(--accent)}.vp-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px #ff6b3d40}.vp-card-head{justify-content:space-between;align-items:center;display:flex}.vp-name{color:var(--text);letter-spacing:-.01em;font-family:Switzer,sans-serif;font-size:16px;font-weight:500}.vp-gender{color:var(--blue);font-size:12px;font-weight:700}.vp-gender.female{color:var(--accent)}.vp-meta{justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.vp-accent{color:var(--text-muted)}.vp-id{color:var(--text-dim)}.vp-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-family:Switzer,sans-serif;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.vp-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.vp-play{border:1px solid var(--border);background:var(--bg);color:var(--text);letter-spacing:.04em;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.vp-play:hover:not(.disabled){color:var(--accent);border-color:var(--accent)}.vp-play.playing{color:var(--accent);border-color:var(--accent);background:linear-gradient(135deg, #ff6b3d1a, transparent), var(--bg)}.vp-play.disabled{color:var(--text-dim);cursor:not-allowed;opacity:.6}.vp-play.fallback{color:var(--text-muted);border-style:dashed}.vp-play.fallback:hover,.vp-play.fallback.playing{color:var(--accent);border-color:var(--accent);border-style:solid}.vp-hint{border:1px dashed var(--border);background:var(--surface);color:var(--text-muted);border-radius:6px;align-items:flex-start;gap:10px;padding:10px 14px;font-family:Switzer,sans-serif;font-size:12px;line-height:1.5;display:flex}.vp-hint strong{color:var(--text);font-weight:600}.vp-hint em{color:var(--accent);font-style:italic}.vp-hint-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.vp-selected-tag{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.vp-compact .vp-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.vp-compact .vp-card{padding:12px}.vp-compact .vp-desc{display:none}