:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0}main{max-width:38rem;margin:auto;padding:24px}h1{font-size:1.5rem}p{line-height:1.5}form{display:grid;gap:16px;margin-block:24px}label{display:grid;gap:6px}input,select,button{box-sizing:border-box;min-height:44px;font:inherit;padding:8px 12px}input,select{width:100%}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid Highlight;outline-offset:3px}.actions{display:flex;gap:8px;flex-wrap:wrap}.note{font-size:.875rem}[hidden]{display:none!important}
