:root{color-scheme:dark;font:16px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:#000;color:#ddd}form{width:min(280px,calc(100% - 48px));display:grid;gap:10px}input,button{font:inherit;min-height:44px;padding:10px 12px;border:1px solid #333;border-radius:3px;background:#000;color:#ddd;width:100%}input:focus-visible,button:focus-visible{outline:2px solid #aaa;outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.5}p{margin:0;font-size:.85rem}[hidden]{display:none!important}