:root{color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;background:#0a1022;color:#e9f0ff}*{box-sizing:border-box}body{margin:0;padding:48px 24px}main{max-width:480px;margin:8vh auto}a{color:#85e9e3;text-underline-offset:5px}.brand{font-size:32px;letter-spacing:-2px;color:#e9f0ff;text-decoration:none}.brand span{color:#85e9e3}h1{font-size:36px;font-weight:400;letter-spacing:-1px;margin-top:48px}p{color:#b9ccff;line-height:1.7}label{display:block;margin:24px 0 8px}input{width:100%;padding:14px;border:1px solid #394563;border-radius:12px;background:#151e35;color:#e9f0ff;font:inherit}button{padding:14px 20px;margin-top:20px;border:1px solid #527f89;border-radius:24px;background:#152c3a;color:#85e9e3;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:2px solid #85e9e3;outline-offset:4px}#result{overflow-wrap:anywhere}[hidden]{display:none!important}