:root{font-family:system-ui,sans-serif;color:#eee;background:#141414;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:48rem;margin:auto;padding:1.5rem}header{display:flex;gap:1rem;align-items:center}h1{font-size:2rem}h2{font-size:1.15rem}p{line-height:1.6}a{color:#ffae6b}article{border:1px solid #555;border-radius:1rem;padding:1rem;margin:1rem 0}button,textarea{font:inherit;padding:.8rem;border-radius:.5rem;max-width:100%}button{cursor:pointer}button:disabled{cursor:default}label{display:block;margin-top:1rem}label[hidden]{display:none}textarea{width:100%;min-height:8rem;margin-top:.5rem} :focus-visible{outline:3px solid #ffae6b;outline-offset:3px}