:root { color-scheme: light; font: 16px/1.5 system-ui, sans-serif; }
body { margin: 0; padding: 2rem; color: #202833; background: #f3f5f7; }
main { max-width: 38rem; margin: 8vh auto; padding: 2rem; background: white; border-radius: 1rem; box-shadow: 0 0.5rem 2rem #15202b18; }
h1 { margin-top: 0; }
form { display: grid; gap: 0.65rem; margin-top: 1.5rem; }
input { width: 100%; box-sizing: border-box; padding: 0.8rem; border: 1px solid #aeb7c0; border-radius: 0.5rem; font: inherit; }
button { margin-top: 0.7rem; padding: 0.8rem 1.1rem; color: white; background: #19232d; border: 0; border-radius: 0.6rem; font: inherit; cursor: pointer; }
button:disabled { opacity: 0.55; cursor: wait; }
output { display: block; min-height: 3rem; margin-top: 1rem; white-space: pre-wrap; }