:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}a{color:#2563eb}main{max-width:720px;margin:0 auto;padding:2rem 1.25rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-top:1rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}button{cursor:pointer;border-radius:8px;border:1px solid #cbd5e1;background:#fff;padding:.5rem .9rem;font-size:.95rem}button.primary{background:#0f172a;color:#fff;border-color:#0f172a}button:disabled{opacity:.55;cursor:not-allowed}input{border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .65rem;font:inherit}textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.65rem;font:inherit;resize:vertical}pre{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:8px;overflow:auto;font-size:.8rem}.error{color:#b91c1c;font-size:.9rem}.muted{color:#64748b;font-size:.9rem}.message-meta{display:grid;gap:.35rem;color:#334155;font-size:.9rem}.message-body{white-space:pre-wrap;background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}