* { box-sizing: border-box; margin: 0; }
body { font-family: system-ui, sans-serif; background: #f4f4f2; color: #222; }
.app { max-width: 560px; margin: 40px auto; padding: 0 16px; }
h1 { margin-bottom: 20px; font-size: 1.6rem; }
form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
input, textarea { padding: 10px 12px; border: 1px solid #ccc; border-radius: 8px; font: inherit; }
button { padding: 10px 14px; border: 0; border-radius: 8px; background: #1a73e8; color: #fff; font-weight: 600; cursor: pointer; }
button:hover { background: #1765c9; }
.nota { background: #fff; border: 1px solid #e2e2df; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; }
.nota h3 { margin-bottom: 6px; font-size: 1.05rem; }
.nota p { color: #555; white-space: pre-wrap; }
.nota .apagar { float: right; background: none; border: 0; color: #c0392b; cursor: pointer; font-size: .85rem; }
.vazio { color: #888; font-style: italic; }