:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;background:#101216;color:#f7f7f8}main{max-width:720px;margin:5vh auto;padding:28px}a{color:#9cd7ff}h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.1}p{line-height:1.6;color:#d1d6de}fieldset{border:1px solid #515b69;border-radius:14px;padding:20px}label{display:block;padding:12px 0}input{margin-right:12px;accent-color:#ffcd42}button{font:inherit;border:0;border-radius:8px;padding:13px 18px;margin:16px 8px 0 0;background:#ffcd42;color:#141414;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#disable,#reset{background:#d5dce6}#status{min-height:3em}