body{font-family:system-ui,sans-serif;margin:0;color:#222;background:#f6f7f9}
.wrap{max-width:760px;margin:0 auto;padding:1rem}
header{background:#1f2937;color:#fff}
header .wrap{display:flex;justify-content:space-between;align-items:center}
nav a{color:#cbd5e1;margin-left:1rem;text-decoration:none}
nav a:hover{color:#fff}
form{display:grid;gap:.6rem;background:#fff;padding:1rem;border-radius:8px}
input,textarea{padding:.6rem;border:1px solid #ccc;border-radius:6px;font:inherit}
textarea{min-height:90px}
.btn{background:#2563eb;color:#fff;border:0;padding:.6rem 1rem;border-radius:6px;text-decoration:none;cursor:pointer;display:inline-block}
.entry{background:#fff;padding:1rem;border-radius:8px;margin:.6rem 0}
.entry small{color:#777;margin-left:.5rem}
.error{color:#b91c1c}
footer{color:#777;font-size:.85rem}