:root { font-family: system-ui, sans-serif; color: #303030; background: #f2efea; }
body { margin: 0; padding: 28px 16px; }
main { box-sizing: border-box; width: 100%; max-width: 520px; margin: 6vh auto; padding: 30px; background: white; border-radius: 22px; border-top: 7px solid #8b6b4d; box-shadow: 0 12px 32px #0000000d; }
h1 { font-size: 23px; margin: 0 0 14px; }
h2 { font-size: 17px; margin: 24px 0 12px; }
p { line-height: 1.7; }
label { display: block; font-size: 14px; margin: 14px 0 6px; }
input, select { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #d7cbbb; border-radius: 10px; font: inherit; }
button, .button { box-sizing: border-box; display: block; width: 100%; padding: 13px; margin: 12px 0; border: 0; border-radius: 10px; background: #8b6b4d; color: white; text-align: center; text-decoration: none; cursor: pointer; font: inherit; }
.line { background: #06c755; }
.secondary { background: #f2efea; color: #5c4933; }
button:disabled { opacity: .55; cursor: wait; }
a { color: #72563d; }
[hidden] { display: none !important; }
.status { white-space: pre-line; font-size: 14px; color: #72563d; }
.error { color: #b42318; }
.muted { font-size: 13px; color: #777; }
code { overflow-wrap: anywhere; }