:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#090511;color:#eee5ff}*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;height:100dvh}header{display:flex;align-items:center;gap:20px;padding:16px 20px;border-bottom:1px solid #39214c}header span{margin-left:auto;font-size:11px;color:#c7a0ef;letter-spacing:2px}a{color:#c7a0ef;text-decoration:none}form{display:flex;gap:8px;padding:14px 20px 0}input,button{font:inherit;border:1px solid #53336e;border-radius:10px;padding:12px;background:#1b1029;color:#fff}input{min-width:0;flex:1}input:focus{outline:2px solid #b37af1}button{cursor:pointer}button:hover{background:#422459}#go{background:#8751bf;font-weight:700}#status{font-size:12px;color:#c4b1d6;margin:10px 20px 14px}#welcome{text-align:center;margin:auto;padding:24px}h1{font-size:clamp(30px,5vw,52px)}#welcome p{color:#bdaccd}#welcome div{display:flex;justify-content:center;gap:10px}#web-page{border:0;width:100%;flex:1;background:white;min-height:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:500px){header{gap:10px;padding:12px}header span{display:none}form{padding:12px 10px 0}input,button{padding:10px}#status{margin-inline:10px}}