.vp-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:768px){.vp-grid{grid-template-columns:repeat(2,1fr)}}.vp-card{border:1px solid var(--line);background:var(--surface);width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;transition:background .16s var(--ease,ease), color .16s var(--ease,ease), border-color .16s var(--ease,ease);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;display:flex}@media (hover:hover){.vp-card:hover{border-color:var(--ink-3)}}.vp-card-on{background:var(--ink);border-color:var(--ink);color:var(--db-btn-ink,#fff)}@media (hover:hover){.vp-card-on:hover{border-color:var(--ink)}}.vp-icon{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.vp-card-on .vp-icon{background:var(--db-btn-ink,#fff);color:var(--ink);border-color:#0000}.vp-text{flex-direction:column;gap:2px;min-width:0;display:flex}.vp-name{font-size:var(--fs-body,14px);font-weight:600;line-height:1.4}.vp-tone{font-size:var(--fs-sub,13px);color:var(--ink-2);word-break:keep-all;line-height:1.5}.vp-card-on .vp-tone{color:inherit;opacity:.85}.vp-card-lg{min-height:64px}.vp-card-lg .vp-name{font-size:16px}.vp-card-lg .vp-tone{font-size:14px}.vp-cell{align-items:stretch;gap:8px;display:flex}.vp-cell .vp-card{flex:auto;min-width:0}.vp-cell>:not(.vp-card){flex:none}.vp-mini{min-height:var(--tap-min,36px);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--fs-sub,13px);white-space:nowrap;cursor:pointer;transition:background .16s var(--ease,ease), color .16s var(--ease,ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.vp-mini-on{background:var(--ink);border-color:var(--ink);color:var(--db-btn-ink,#fff)}@media (prefers-reduced-motion:reduce){.vp-card,.vp-mini{transition:none}}.vp-pane{justify-content:center;padding:24px 0 20px}.vp-pane-inner{width:100%;max-width:none;margin:0;padding:0;overflow:visible}.vp-pane-note{text-align:center;color:var(--ink-3);word-break:keep-all;margin-top:12px;padding:0 20px;font-size:13px;line-height:1.7}@media (max-width:768px){.vp-pane{padding:16px 0}.vp-pane-note{margin-top:10px;padding:0 16px;font-size:12px;line-height:1.6}}