* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#f3f4f6; color:#111827; }
main { max-width:560px; margin:0 auto; padding:24px 16px 48px; }
h1 { font-size:28px; margin:8px 0; }
h2 { font-size:20px; }
.note { color:#6b7280; line-height:1.6; }
.card { background:white; border-radius:16px; padding:18px; margin-top:16px; box-shadow:0 2px 10px rgba(0,0,0,.06); }
label { display:block; font-weight:600; margin:12px 0; }
input { display:block; width:100%; margin-top:7px; padding:13px; border:1px solid #d1d5db; border-radius:10px; font-size:16px; }
button { border:0; border-radius:10px; padding:12px 16px; margin:6px 6px 0 0; font-size:16px; background:#111827; color:white; }
button.danger { background:#b91c1c; }
#status { min-height:1.4em; color:#047857; }
li { padding:10px 0; border-bottom:1px solid #e5e7eb; list-style:none; }
ul { padding:0; }
.small { color:#6b7280; font-size:13px; }