body { font-family: system-ui, sans-serif; margin: 0; background: #f6f7f9; color: #1b1d21; }
main { max-width: 40rem; margin: 2rem auto; padding: 0 1rem; }
section { background: #fff; border: 1px solid #d9dce1; border-radius: 8px; padding: 1rem 1.25rem; margin: 1rem 0; }
label { display: block; margin: 0.5rem 0 0.25rem; }
input { font: inherit; padding: 0.4rem; width: 100%; box-sizing: border-box; margin-bottom: 0.75rem; }
button { font: inherit; padding: 0.45rem 0.9rem; border-radius: 6px; border: 1px solid #2457c5; background: #2457c5; color: #fff; cursor: pointer; }
button.secondary { background: #fff; color: #2457c5; }
li { margin: 0.4rem 0; }
li button { margin-left: 0.5rem; padding: 0.2rem 0.6rem; }
#status:empty { display: none; }
#status { background: #fff7d6; border: 1px solid #e8d48a; border-radius: 6px; padding: 0.5rem 0.75rem; }