:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#e8edf7;font:16px system-ui,sans-serif}main{max-width:480px;margin:6vh auto;padding:24px}h1{font-size:2rem}h1 span{color:#e83eaa}button,.button{display:inline-block;border:1px solid #597197;border-radius:10px;padding:12px 16px;background:#18243d;color:inherit;font:inherit;text-decoration:none;cursor:pointer;margin:6px 0}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:14px 0}input:not([type=checkbox]){display:block;width:100%;margin-top:6px;padding:12px;background:#101a2d;border:1px solid #597197;border-radius:8px;color:inherit;font:inherit}summary{cursor:pointer;padding:14px 0}.note{color:#aab6cb;line-height:1.6;font-size:.9rem}#status{color:#f3c36a;line-height:1.5}#keys p{border-bottom:1px solid #28344a;padding-bottom:8px}[hidden]{display:none!important}