:root{color-scheme:dark;font-family:Arial,sans-serif;background:#101712;color:#f3edd7}body{margin:0}main{max-width:640px;margin:5vh auto;padding:24px;line-height:1.6}a{color:#f4df62}h1{color:#f4df62}button{font:700 16px Arial;background:#f4df62;color:#171714;border:3px solid #0a0e0b;border-radius:4px;padding:12px 18px;margin:8px 8px 8px 0;cursor:pointer}button:hover:enabled{background:#ffe87a}button:active:enabled{background:#ef534a}button:disabled{background:#676b65;color:#dadbd4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}#mode{border-left:4px solid #f4df62;padding-left:12px}#notice{overflow-wrap:anywhere}
