@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap";:root{--bg:#f8f6f2;--surface:#fff;--text:#1a1a18;--muted:#6b6b68;--accent:#c8956c;--accent-light:#f5ead8;--border:#e5e2db;--serif:"DM Serif Display", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;--radius:12px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}.picker-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.picker-inner{text-align:center;width:100%;max-width:680px}.picker-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.72rem;font-weight:600}.picker-heading{font-family:var(--serif);color:var(--text);margin-bottom:1rem;font-size:clamp(2.4rem,6vw,3.5rem);font-weight:400;line-height:1.1}.picker-sub{color:var(--muted);margin-bottom:2.5rem;font-size:1.05rem}.persona-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.persona-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);font-family:var(--sans);flex-direction:column;gap:.5rem;padding:1.5rem 1.25rem;display:flex}.persona-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.persona-label{font-family:var(--serif);color:var(--text);font-size:1.2rem}.persona-desc{color:var(--muted);font-size:.85rem;line-height:1.5}.chat-wrapper{flex-direction:column;width:100%;max-width:760px;height:100vh;margin:0 auto;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.back-btn{font-family:var(--sans);color:var(--muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:.25rem 0;font-size:.85rem}.back-btn:hover{color:var(--text)}.chat-title{font-family:var(--serif);color:var(--text);flex:1;font-size:1.1rem}.persona-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);border-radius:20px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.messages{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.message{flex-direction:column;gap:.3rem;max-width:80%;display:flex}.message--assistant{align-self:flex-start}.message--user{align-self:flex-end}.message-sender{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-left:.25rem;font-size:.72rem;font-weight:600}.message-bubble{border-radius:var(--radius);white-space:pre-wrap;padding:.85rem 1.1rem;font-size:.95rem;line-height:1.65}.message--assistant .message-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text)}.message--user .message-bubble{background:var(--text);color:#fff}.message-bubble p+p,.message-bubble p+ul,.message-bubble p+ol,.message-bubble ul+p,.message-bubble ol+p{margin-top:.7rem}.message-bubble ul,.message-bubble ol{padding-left:1.25rem}.message-bubble li+li{margin-top:.3rem}.suggested-chips{flex-wrap:wrap;align-self:flex-start;gap:.5rem;max-width:90%;display:flex}.suggested-chip{font-family:var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition), color var(--transition);border-radius:999px;padding:.5rem .9rem;font-size:.82rem}.suggested-chip:hover{border-color:var(--accent);color:var(--accent)}.cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.input-row{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-input{font-family:var(--sans);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);resize:none;transition:border-color var(--transition);outline:none;flex:1;padding:.7rem 1rem;font-size:.95rem;line-height:1.5}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--muted)}.send-btn{font-family:var(--sans);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;transition:opacity var(--transition);white-space:nowrap;border:none;padding:.7rem 1.4rem;font-size:.9rem;font-weight:500}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{opacity:.85}@media (width<=520px){.picker-wrapper{padding:1.5rem 1rem}.messages{padding:1rem}.input-row{padding:.75rem 1rem}.message{max-width:92%}}