body { margin: 0; font-family: -apple-system, "Segoe UI", Arial, sans-serif; color: #1d1d1b; background: #F6F7F3; }
main { max-width: 640px; margin: 0 auto; padding: 24px 18px 48px; }
h1 { color: #287421; font-size: 1.5rem; }
.lead { color: #555; }
pre { white-space: pre-wrap; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 14px; font-size: .95rem; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; font-size: .85rem; color: #555; word-break: break-all; }
dt { font-weight: 600; }
button { width: 100%; padding: 14px; font-size: 1.05rem; border: 0; border-radius: 10px; background: #287421; color: #fff; }
button:disabled { background: #9bb79a; }
#msg { margin-top: 14px; font-weight: 600; color: #D0004A; }