:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172027; background: #edf0ee; }
body { margin: 0; }
main { max-width: 32rem; margin: 3rem auto; padding: 1.5rem; background: white; border: 1px solid #dbe2df; border-radius: 10px; }
form, label { display: grid; gap: .4rem; }
form { margin-bottom: 1rem; gap: .75rem; }
input, button { border-radius: 5px; border: 1px solid #bac8c4; font: inherit; padding: .55rem; }
input { min-width: 0; }
button { cursor: pointer; color: #fff; background: #006a5c; }
a { color: #006a5c; }
ul { padding-left: 0; list-style: none; }
li form { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
[role="alert"] { color: #a12822; }
@media (max-width: 38rem) { main { margin: 1rem; } }