:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f4f7f2; color: #183426; }
body { margin: 0; padding: 32px 18px; }
main { box-sizing: border-box; max-width: 660px; margin: 5vh auto; padding: 40px; background: white; border-radius: 22px; box-shadow: 0 12px 40px #18342614; }
.brand { color: #2b764e; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
h1 { font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.12; }
p { line-height: 1.55; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
button { border: 0; border-radius: 10px; padding: 13px 18px; background: #246e48; color: white; font: inherit; font-weight: 700; cursor: pointer; }
button.danger { background: #a8272b; }
button:disabled { opacity: .55; cursor: wait; }
button:focus-visible { outline: 3px solid #101c14; outline-offset: 3px; }
[hidden] { display: none !important; }
#status { min-height: 1.5em; font-weight: 650; }
.note { color: #5b6e63; font-size: .92rem; }
@media (max-width: 500px) { main { padding: 28px 22px; margin: 0 auto; } }