:root{--ink:#153b37;--paper:#f2f0e8;--accent:#cfed79;--line:#c9d1c5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#deead7,transparent 65%),var(--paper);color:var(--ink);font:16px Georgia,serif}header,footer{padding:24px 5vw;display:flex;justify-content:space-between;font:12px Consolas,monospace;letter-spacing:2px;border-bottom:1px solid var(--line)}main{max-width:1200px;margin:40px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.intro{padding:20px}h1{font-size:64px;line-height:1;margin:20px 0;font-weight:400}h2{font-size:22px;font-weight:400}.card{background:#ffffffb8;border:1px solid var(--line);border-radius:8px;padding:28px;min-width:0}label{display:block;margin:18px 0 8px}input,textarea,select{width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:14px Consolas,monospace}button{padding:13px 22px;background:var(--ink);color:white;border:0;border-radius:4px;cursor:pointer;margin-top:12px}button:hover{background:#286058}button:disabled{opacity:.5;cursor:wait}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#e8ede4;padding:16px;max-height:400px;overflow:auto;font:13px Consolas,monospace}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #98bd40}#status{line-height:1.5}footer{border-top:1px solid var(--line);border-bottom:0}@media(max-width:760px){main{grid-template-columns:1fr}h1{font-size:48px}header{gap:20px}.card{padding:20px}}