:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#171c29;color:#eaf0f6}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}main{width:min(100%,340px)}h1{font-size:2rem;margin-bottom:8px}p{color:#b4c3d3}label{display:block;margin:28px 0 10px}input,button{font:inherit;border-radius:12px;padding:14px;width:100%}input{background:#222b3b;border:1px solid #8296ac;color:inherit}button{background:#bce9dc;color:#142d29;border:0;margin-top:14px;cursor:pointer}button:disabled{opacity:.6}#status{min-height:3em}