.personality-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 15px;border:1px solid #ded8c9;border-radius:14px;background:#faf7ee}.personality-entry .button{font-size:12px;white-space:nowrap}.personality-entry small{font-size:11px;line-height:1.7;color:#807e6d}.personality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.personality-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;border:1px solid #ded8c9;border-radius:18px;background:#faf7ee;color:#706951;font:inherit;cursor:pointer}.personality-option[aria-pressed=true]{border-color:#87a18a;background:#ecf1e4;box-shadow:inset 0 0 0 1px #87a18a}.personality-option i{font-style:normal;font-size:35px;color:#8a9c7d}.personality-option span{font-size:12px;line-height:1.8}.personality-option small{font-size:11px;color:#889778}.personality-modal{max-width:790px}.personality-option:focus-visible{outline:3px solid #a6b9a0;outline-offset:3px}@media(max-width:650px){.personality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personality-entry{align-items:flex-start;flex-direction:column}.personality-entry .button{white-space:normal}}@media(prefers-reduced-motion:reduce){.personality-option{transition:none}}