.vvcard{--vvcard-navy:#0f1d35;--vvcard-blue:#1554d1;--vvcard-muted:#4a4a62;--vvcard-panel:#f6f3ef;--vvcard-head:"Plus Jakarta Sans Variable","Plus Jakarta Sans",system-ui,sans-serif;--vvcard-body:"DM Sans Variable","DM Sans",system-ui,sans-serif;--vvcard-mono:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,monospace;--vvcard-sh:0 1px 2px #0f1d350f,0 6px 20px #0f1d3512;--vvcard-sh2:0 2px 6px #0f1d3514,0 18px 40px #0f1d3524;flex-direction:column;gap:10px;min-width:0;display:flex}.vvcard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 20px;display:grid}@media (width<=820px){.vvcard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.vvcard .vvcard-cov{aspect-ratio:4/5;box-shadow:var(--vvcard-sh);background:var(--vvcard-panel);border-radius:18px;transition:box-shadow .15s,transform .15s;position:relative;overflow:hidden;container-type:inline-size}.vvcard:hover .vvcard-cov{box-shadow:var(--vvcard-sh2);transform:translateY(-2px)}.vvcard .vvcard-badges{pointer-events:none;flex-wrap:wrap;gap:6px;padding:0 2px;display:flex}.vvcard .vvcard-badges:empty{display:none}.vvcard .vvcard-corner,.vvcard .vvcard-corner-slot,.vvcard .vvcard-step{opacity:0;transition:opacity .12s}.vvcard:hover :is(.vvcard-corner,.vvcard-corner-slot,.vvcard-step),.vvcard:focus-within :is(.vvcard-corner,.vvcard-corner-slot,.vvcard-step),.vvcard .vvcard-corner[aria-pressed=true],.vvcard .vvcard-corner[aria-expanded=true]{opacity:1}@media (hover:none){.vvcard .vvcard-corner,.vvcard .vvcard-corner-slot,.vvcard .vvcard-step{opacity:1}}.vvcard .vvcard-corner{z-index:11;width:34px;height:34px;color:var(--vvcard-navy);cursor:pointer;background:#fffffff0;border:0;border-radius:50%;place-items:center;padding:0;font-size:15px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #0f1d3533}.vvcard .vvcard-corner:hover{background:#fff;transform:scale(1.06)}.vvcard .vvcard-corner:focus-visible{outline:2px solid var(--vvcard-blue);outline-offset:2px;border-radius:50%}.vvcard .vvcard-corner-slot{z-index:11;position:absolute;top:10px;right:10px}.vvcard .vvcard-corner-slot .vvcard-corner{position:static}.vvcard .vvcard-corner svg{flex:none;width:1.15em;height:1.15em}.vvcard .vvcard-step{z-index:11;color:#fff;background:#0f1d35d1;border-radius:99px;align-items:center;gap:2px;height:28px;padding:0 2px;display:inline-flex;position:absolute;bottom:8px;right:8px}.vvcard .vvcard-arr{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid}.vvcard .vvcard-arr svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.vvcard .vvcard-arr:hover{background:#ffffff38}.vvcard .vvcard-arr:focus-visible{outline-offset:-2px;border-radius:50%;outline:2px solid #fff}.vvcard .vvcard-count{font:600 11px var(--vvcard-mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 3px}.vvcard .vvcard-info{font-family:var(--vvcard-body);flex-direction:column;gap:3px;padding:0 2px;line-height:1.5;display:flex}.vvcard .vvcard-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.vvcard .vvcard-name{font:700 16px var(--vvcard-head);color:var(--vvcard-navy);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:0;min-width:0;padding:0;overflow:hidden}.vvcard .vvcard-name:hover{color:var(--vvcard-blue)}.vvcard .vvcard-name:focus-visible{outline:2px solid var(--vvcard-blue);outline-offset:2px;border-radius:8px}.vvcard .vvcard-meta{flex-wrap:wrap;row-gap:4px;margin-top:2px;font-size:13px}.vvcard .vvcard-muted{color:var(--vvcard-muted)}@media (pointer:coarse){.vvcard .vvcard-corner{width:40px;height:40px}.vvcard .vvcard-step{height:40px;padding:0 4px}.vvcard .vvcard-arr{width:40px;height:40px}}