:root { color-scheme: dark; font: 100%/1.55 system-ui, sans-serif; color: #f3f4f4; background: #151719; }
* { box-sizing: border-box; }
body { margin: 0; }
main { margin: clamp(1rem, 8vh, 6rem) auto; max-width: 36rem; padding: clamp(1.15rem, 5vw, 2.75rem); background: #212427; border-top: .25rem solid #e05647; }
h1 { margin: .25rem 0 1rem; font-size: clamp(2rem, 6vw, 2.8rem); line-height: 1.15; }
.brand { margin: 0; color: #ffa79e; font-weight: 700; }
#status { font-weight: 600; }
#address { overflow-wrap: anywhere; }
label, input { display: block; }
label { font-weight: 650; }
input { width: 100%; margin: .4rem 0 1rem; padding: .65rem; border: 1px solid #959b9f; border-radius: .3rem; background: #151719; color: inherit; font: inherit; }
button { padding: .65rem 1.05rem; border: 0; border-radius: .3rem; background: #ffa79e; color: #191311; font: inherit; font-weight: 700; cursor: pointer; }
button:disabled { background: #494d50; color: #c4c8ca; cursor: default; }
a { color: #ffa79e; text-underline-offset: .15em; }
:focus-visible { outline: .15rem solid #fff; outline-offset: .2rem; }
.back { margin: 1.8rem 0 0; }