body{font-family:system-ui,sans-serif;max-width:720px;margin:3rem auto;padding:0 1rem;background:#f6f7f9;color:#20242a}main{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #0001}.warning{font-weight:700;color:#a33}button{margin:.3rem;padding:.7rem 1rem;border:0;border-radius:6px;cursor:pointer}
.notice{margin:1rem 0;padding:1rem 1.2rem;border-left:4px solid #c77700;background:#fff6e5;border-radius:6px}.notice p{margin:.4rem 0 0}a.button{display:inline-block;padding:.7rem 1rem;border-radius:6px;background:#20242a;color:#fff;text-decoration:none}