.roles[data-v-f41e889f]{grid-template-columns:1fr 1fr;gap:14px;max-width:760px;display:grid}.role-card[data-v-f41e889f]{text-align:left;border:1px solid var(--border-hairline);background:var(--paper-0);border-radius:var(--radius-card);padding:var(--pad-card-lg);cursor:pointer;transition:background var(--dur-hover), border-color var(--dur-hover);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.role-card[data-v-f41e889f]:hover{border-color:var(--border-accent)}.role-card.on[data-v-f41e889f]{background:var(--surface-accent);border-color:var(--border-accent)}.role-icon[data-v-f41e889f]{width:28px;height:28px;color:var(--text-muted);transition:color var(--dur-hover)}.role-card:hover .role-icon[data-v-f41e889f],.role-card.on .role-icon[data-v-f41e889f]{color:var(--blue-500)}.role-title[data-v-f41e889f]{font:var(--heading-3);color:var(--text-primary)}.role-card.on .role-title[data-v-f41e889f]{color:var(--blue-900)}.role-body[data-v-f41e889f]{font:var(--body-sm);color:var(--text-secondary)}.both[data-v-f41e889f]{max-width:760px;font:var(--body-2xs);color:var(--text-muted);margin:14px 0 0}.actions[data-v-f41e889f]{align-items:center;gap:10px;margin-top:24px;display:flex}.next[data-v-f41e889f]:disabled{opacity:.45;background:var(--blue-500);cursor:not-allowed}.enter-hint[data-v-f41e889f]{font:var(--mono-data-sm);color:var(--text-muted);margin-left:6px}@media (width<=720px){.roles[data-v-f41e889f]{grid-template-columns:minmax(0,1fr)}.enter-hint[data-v-f41e889f]{display:none}}