:root { color-scheme: dark; font: 16px/1.55 system-ui,sans-serif; color: #edf3ef; background: #111d21; }
body { margin: 0; padding: 2rem 1rem; }
main { max-width: 45rem; margin: auto; padding: clamp(1rem,4vw,3rem); border: 1px solid #385149; border-radius: 1rem; background: #18282b; }
header { color: #9fd0b4; font-weight: 700; letter-spacing: .06em; }
h1 { font-size: clamp(2rem,5vw,3rem); line-height: 1.1; }
a { color: #a9ddc0; }
form, label { display: grid; gap: .5rem; margin-bottom: 1rem; }
[hidden] { display: none !important; }
.geoto { color: #f5efdf; background: #173b30; border-color: #52735f; border-radius: 2.4rem .9rem 2rem 1rem; }
.geoto header { font-size: 1.3rem; letter-spacing: .13em; }
.geoto header a { text-decoration: none; }
.geoto button, .geoto input { border-radius: 1rem; }
.geoto h1 { max-width: 14ch; }
input, button { font: inherit; padding: .55rem .8rem; border: 1px solid #59776b; border-radius: .5rem; }
button { color: #f5faf7; background: #315848; cursor: pointer; }
li button { margin: .25rem .5rem; }