.personality-selector{margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.personality-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px}
.personality-heading h2{margin:0;font-size:15px;font-weight:650}
.personality-selected{color:var(--muted);font-size:10px}
.personality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.personality-card{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--text);cursor:pointer;text-align:left;transition:160ms ease}
.personality-card:hover{border-color:rgba(168,130,255,.26);background:rgba(132,88,238,.09)}
.personality-card.active{border-color:rgba(168,130,255,.46);background:linear-gradient(145deg,rgba(132,88,238,.2),rgba(132,88,238,.06));box-shadow:inset 0 0 22px rgba(132,88,238,.08)}
.personality-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.personality-card strong{display:block;font-size:12px;letter-spacing:.04em}
.personality-card em{display:block;margin-top:3px;color:var(--gold);font-size:9px;font-style:normal}
.personality-card p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.42}
.personality-recommended{padding:3px 6px;border-radius:999px;background:rgba(118,215,170,.12);color:var(--green);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.personality-note{margin:10px 0 0;color:var(--muted);font-size:9px}
@media(max-width:900px){
  .personality-selector{margin-bottom:8px;padding:9px 10px;border-radius:14px}
  .personality-heading{align-items:center;margin-bottom:7px;gap:8px}
  .personality-heading .eyebrow{display:none}
  .personality-heading h2{font-size:12px;white-space:nowrap}
  .personality-selected{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:9px}
  .personality-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .personality-card{min-height:38px;padding:8px 5px;border-radius:11px;text-align:center}
  .personality-card-top{justify-content:center}
  .personality-card strong{font-size:10px;letter-spacing:.02em}
  .personality-card em,.personality-card p,.personality-recommended,.personality-note{display:none}
}