:root{color-scheme:dark;font:15px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#0a1017;color:#e6edf5}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(360px,85vw);padding:32px;border:1px solid #2b3a49;border-radius:14px;background:#121d28}small,p{color:#93a7bb}h1{margin:12px 0}label{display:block;margin:20px 0}input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #384a5d;border-radius:6px;background:#0b131d;color:inherit;font:inherit}button{width:100%;padding:12px;background:#47d7b2;border:0;border-radius:6px;font:inherit;font-weight:600;cursor:pointer;color:#06251e}button:disabled{opacity:.5}#result{min-height:24px;color:#e9b977}

*{box-sizing:border-box}body{min-height:100svh;padding:16px}main{width:min(400px,100%);padding:clamp(20px,6vw,32px)}input{font-size:16px;min-height:46px}button{min-height:46px}#result{overflow-wrap:anywhere}@media(max-height:550px){body{display:block}main{margin:8px auto}}