:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.6}body{margin:0}main{max-width:28rem;margin:0 auto;padding:3rem 1.5rem}h1{margin:0;font-size:1.75rem}.lead{margin:0 0 2rem;opacity:.7}form{display:grid;gap:1.25rem}label{display:grid;gap:.375rem}label span{font-weight:600}select,button{font:inherit;padding:.625rem .75rem;border-radius:.5rem}select{border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:transparent;color:inherit}button{margin-top:.5rem;border:none;background:#1f2937;color:#fff;font-weight:600;cursor:pointer}@media(prefers-color-scheme:dark){button{background:#e5e7eb;color:#111827}}