:root { color-scheme: dark; font: 17px/1.55 system-ui, sans-serif; background: #142222; color: #e5eee9; }
body { margin: 0; }
main { max-width: 44rem; margin: min(13vh, 7rem) auto 3rem; padding: 0 1.5rem; }
h1 { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.1; letter-spacing: -.035em; }
p { color: #bbcecb; }
section { margin-top: 2rem; padding: 1.5rem; border: 1px solid #46635d; border-radius: 1rem; background: #1e3230; }
dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 1.2rem; margin: 0 0 1.5rem; }
dt { color: #bbcecb; font-size: .95rem; }
dd { margin: .2rem 0 0; font-size: 1.45rem; font-variant-numeric: tabular-nums; }
button { padding: .65rem 1rem; border: 0; border-radius: .5rem; font: inherit; font-weight: 650; background: #bbefcb; color: #152820; cursor: pointer; }
button:disabled { opacity: .65; cursor: progress; }
button:focus-visible, a:focus-visible { outline: 3px solid #ffcb9a; outline-offset: 3px; }
a { color: #bbefcb; }
#message { margin-bottom: 0; min-height: 1.55em; }