body{font-family:sans-serif;background:#f5f5f5;margin:0;padding:20px}.chat-app{max-width:600px;margin:0 auto;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px #0000001a}.messages{min-height:300px;max-height:500px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;margin-bottom:10px}.message{margin-bottom:8px;line-height:1.4}.message.user{color:#1a1a1a}.message.assistant{color:#2a5db0}.error{color:#c0392b;margin-bottom:10px}.input-row{display:flex;gap:8px;margin-bottom:10px}.input-row input{flex:1;padding:8px;font-size:14px}.input-row button{padding:8px 16px}.clear-button{background:none;border:1px solid #ccc;padding:6px 12px;border-radius:4px;cursor:pointer}.chat-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.chat-header h1{font-size:18px;margin:0}.back-button{background:none;border:1px solid #ccc;padding:6px 12px;border-radius:4px;cursor:pointer}.selection-screen{max-width:900px;margin:0 auto;text-align:center}.selection-screen .subtitle{color:#555;margin-bottom:20px}.personality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 700px){.personality-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.personality-grid{grid-template-columns:1fr}}.personality-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;cursor:pointer;text-align:center;box-shadow:0 1px 4px #0000001a;font:inherit}.personality-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:8px;background:#eee}.personality-name{font-weight:700;margin-bottom:4px}.personality-description{color:#666;font-size:14px}.selection-status{margin-top:24px;color:#555}.selection-error{color:#c0392b}.retry-button{margin-top:8px;padding:8px 20px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}