:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#11130f;color:#e6dfc8;font:16px/1.8 system-ui,sans-serif}main{max-width:800px;margin:32px auto;padding:clamp(20px,5vw,42px);border:1px solid #b6a27266;background:radial-gradient(ellipse at top,#3b392733,transparent 60%),#14160fcc;box-shadow:inset 0 0 0 5px #11130f,inset 0 0 0 6px #b6a27233}h1{font:400 clamp(26px,5vw,36px)/1.5 Georgia,serif}h2{font-size:20px;color:#d8c598;margin-top:28px}p,li{color:#c8c3b2}a{color:#c1d7c4}label{display:block;margin:18px 0 8px}textarea,input,select{display:block;width:100%;padding:12px;border:1px solid #bca77388;background:#0c100d;color:#f4ecd4;font:inherit;border-radius:0}textarea{min-height:100px;resize:vertical}input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;accent-color:#c8b078}button{min-height:46px;padding:10px 18px;border:1px solid #bca77388;background:#353525;color:#f3e5be;font:inherit;cursor:pointer;margin:8px 8px 8px 0}button:disabled{opacity:.55;cursor:wait}.check{display:flex;gap:12px;align-items:flex-start}.note{padding:14px;border-left:2px solid #bca773;background:#bca7730d}small{color:#a69e89}#status{min-height:28px;color:#e3cc90;white-space:pre-line}.code{font-family:monospace;overflow-wrap:anywhere}article{border-block:1px solid #bca77344;margin:18px 0;padding:12px 0}nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}:focus-visible{outline:2px solid #e8d59e;outline-offset:4px}@media(max-width:520px){main{margin:0;min-height:100dvh;border:0}}