:root{font-family:Inter,system-ui,Arial,sans-serif;color:#152018;background:#f4f7f4}body{margin:0;padding:24px}.card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #dfe8df;border-radius:18px;padding:24px;box-shadow:0 10px 30px #0001}h1{margin-top:0}label{display:block;font-weight:700;margin:14px 0 8px}input,textarea{width:100%;box-sizing:border-box;border:1px solid #cbd8cb;border-radius:12px;padding:12px;font:inherit;margin-top:6px}button,.button{display:inline-block;border:0;border-radius:12px;background:#172a1d;color:white;padding:12px 16px;text-decoration:none;font-weight:800;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}#reader{max-width:520px;margin-top:16px}pre{white-space:pre-wrap;background:#f0f3f0;border-radius:12px;padding:12px}li{padding:10px;border-bottom:1px solid #eee}.muted{color:#667}