/* app/static/css/app.css */
body { font-family: 'Satoshi', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 0; background:#f8f9fa; color:#111; }
.container { max-width: 820px; margin: 24px auto; padding: 0 16px; }
.header-with-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.logo { height: 2.5rem; width: auto; }
h1 { margin: 0; font-size: 2.5rem; font-weight: 700; }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px 20px; margin: 12px 0; }
.btn { background:#6366f1; color:#fff; border:none; border-radius:8px; padding:10px 14px; cursor:pointer; text-decoration:none; }
.btn:disabled { background:#c7cbe7; cursor:not-allowed; }
.pull-quote { margin:16px 0; padding:16px 18px; background:#f8fafc; border-left:4px solid #6366f1; font-style:italic; border-radius:0 8px 8px 0; }
.row { display:flex; gap:10px; }
.input { width:100%; padding:12px; border:2px solid #e5e7eb; border-radius:8px; font-family: 'Satoshi', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.input:focus { outline:none; border-color:#6366f1; box-shadow:0 0 0 3px rgba(99,102,241,.1); }
.small { color:#6b7280; font-size:.9rem; }
.label { font-weight:600; margin-bottom:6px; }
.choice { display:flex; align-items:center; gap:10px; border:2px solid #e5e7eb; border-radius:8px; padding:12px; margin:10px 0; cursor:pointer; }
.choice:hover { background:#f9fafb; border-color:#d1d5db; }
.choice input { transform:scale(1.2); }
.separator { border-top:1px dashed #e5e7eb; margin:18px 0; }
.reply { white-space:pre-wrap; }