:root{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e8e1c8;background:#111512;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 18%,#243029,#111512 58%);min-height:100vh}header,footer{display:flex;justify-content:space-between;gap:1rem;padding:14px 18px;border-bottom:1px solid #746c4c;background:#171d19}footer{border-top:1px solid #746c4c;border-bottom:0;font-size:12px}main{max-width:1280px;margin:auto;padding:18px}.intro{margin-bottom:14px}.intro h1{margin:0 0 4px}.intro p{margin:0;color:#c8c2aa}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}article{border:1px solid #746c4c;background:#171d19e8;padding:14px;min-width:0}.wide{grid-column:1/-1}h2{margin-top:0;font-size:15px;color:#d9b86c}p{font-size:13px}.muted,small{color:#9e9b8c}textarea{width:100%;height:220px;background:#0d110e;color:#d9e5d6;border:1px solid #596359;padding:10px;resize:vertical}#response{height:150px}label{display:block;margin:12px 0;font-size:12px}input{display:block;width:100%;margin-top:5px;padding:9px;background:#0d110e;color:#d9e5d6;border:1px solid #596359}.row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}button{background:#29352d;color:#f1e8cb;border:1px solid #88794c;padding:8px 11px;cursor:pointer}button:hover{background:#35453a}button:focus,input:focus,textarea:focus{outline:2px solid #9a874f;outline-offset:1px}pre{white-space:pre-wrap;overflow:auto;background:#0d110e;border:1px solid #303a32;padding:10px;min-height:80px;max-height:340px;font-size:11px}@media(max-width:760px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}header{display:block}#status{display:block;margin-top:6px}}