:root{color-scheme:light dark;font:17px/1.6 system-ui;background:#f6f1e8;color:#302a23}body{margin:0}main{max-width:640px;margin:8vh auto;padding:24px}.brand{color:inherit;font-size:22px;text-decoration:none}h1{font-size:34px;line-height:1.2}section{display:grid;gap:18px}article{border:1px solid #b4a99a;border-radius:14px;padding:24px}button,input{font:inherit;border-radius:8px;padding:10px 16px}button{background:#91481c;color:white;border:0;cursor:pointer;margin:6px 8px 6px 0}button:disabled{opacity:.5;cursor:wait}input{width:100%;box-sizing:border-box;border:1px solid #9e9589}a{color:#91481c}nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}code{display:block;overflow-wrap:anywhere;user-select:all;padding:16px;background:#e9dfd0;border-radius:8px}label{display:block}small{display:block;color:#625b52}#message:empty{display:none}@media(prefers-color-scheme:dark){:root{background:#25211c;color:#f6f1e8}a{color:#e6a06d}button{background:#a95025}code{background:#393027}small{color:#d0c4b3}}