:root { color-scheme: light; font: 100%/1.6 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #243a32; background: #f4f1e8; }
* { box-sizing: border-box; }
body { margin: 0; padding: max(16px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
main { max-width: 30rem; margin: 3vh auto; padding: clamp(12px, 4vw, 32px); border: 1px solid #d4d9c9; border-radius: 1.4rem; background: #fffcf5; overflow-wrap: anywhere; }
.brand { margin: 0 0 1.5rem; font-weight: 750; font-size: 1.3rem; letter-spacing: -.025em; }
.brand span { display: block; font-size: .8rem; font-weight: 500; letter-spacing: .03em; }
h1 { font-size: clamp(1.6rem, 7vw, 2.1rem); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 1rem; }
label { display: block; font-weight: 600; margin: 1rem 0 .35rem; }
input:not([type="checkbox"]) { width: 100%; min-width: 0; border: 1px solid #788a7c; border-radius: .65rem; background: white; color: inherit; padding: .8rem; font: inherit; }
button, a { font: inherit; font-weight: 650; min-height: 2.75rem; }
button { width: 100%; padding: .85rem 1rem; border: 0; border-radius: 2rem; color: white; background: #294d3d; cursor: pointer; white-space: normal; }
button:disabled { opacity: .65; cursor: wait; }
.secondary { background: transparent; color: #294d3d; text-decoration: underline; margin-top: .5rem; }
a { display: inline-block; color: #294d3d; text-underline-offset: .2em; }
:focus-visible { outline: 3px solid #926129; outline-offset: 4px; }
.hint { font-size: .9rem; margin-top: .35rem; }
.show { display: flex; gap: .6rem; align-items: center; font-weight: 400; }
.show input { width: 1.25rem; height: 1.25rem; flex-shrink: 0; }
#error { color: #8c2824; }
[hidden] { display: none !important; }