:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10122a;color:#f6effb}body{margin:0;padding:clamp(1rem,6vw,4rem)}main{max-width:36rem;margin:auto;padding:clamp(1rem,5vw,2rem);border:1px solid #55446b;border-radius:1rem;background:#1a1633}a{color:#77e7ed}h1{font-size:clamp(1.8rem,7vw,3rem)}label{display:block;margin-top:1rem}input,button{font:inherit;border-radius:.4rem;padding:.75rem;box-sizing:border-box}input{display:block;width:100%;margin-top:.35rem;border:1px solid #93849e;background:#10122a;color:inherit}button{margin-top:1rem;border:0;color:#141127;background:linear-gradient(110deg,#ff76c1,#ce98fd);cursor:pointer}button:disabled{opacity:.55}strong{color:#a9db84}#result{overflow-wrap:anywhere}
[hidden]{display:none!important}