:root{color-scheme:light;--bg:#f2f6f4;--panel:#fff;--ink:#182b23;--dim:#52665b;--line:#c5d3cb;--accent:#146449;--button:#fff;--soft:#e8f0eb;--warn:#9a3c1b}html.dark{color-scheme:dark;--bg:#101815;--panel:#151f1a;--ink:#e9f2ec;--dim:#acbfb2;--line:#3c5145;--accent:#235f48;--soft:#1a2921;--warn:#ffb296}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header{background:#193b2e;color:#eef7f1;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}main{max-width:1100px;padding:24px;margin:auto}section{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:24px}h1{margin-top:0}button,input,select,textarea{font:inherit;border-radius:7px;border:1px solid var(--line);padding:10px 14px}button{background:var(--accent);color:var(--button);cursor:pointer}button:disabled{opacity:.65;cursor:wait}input,select,textarea{background:var(--panel);color:var(--ink);width:100%}textarea,pre{font:15px/1.5 ui-monospace,monospace}textarea{margin:8px 0;resize:vertical}label{display:block}details{margin-top:24px}details input{margin:10px 0;max-width:600px;display:block}summary{cursor:pointer}.bar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.bar label{flex:1;min-width:180px}.access{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px;padding:15px;background:var(--soft);border-radius:8px}.access strong{flex:1}#message{color:var(--warn);white-space:pre-wrap}pre{white-space:pre-wrap;overflow-wrap:anywhere;min-height:240px;max-height:600px;overflow:auto;background:var(--bg);padding:18px;border:1px solid var(--line);border-radius:8px}.muted{color:var(--dim);font-size:14px}[hidden]{display:none!important}:focus-visible{outline:3px solid #63caa1;outline-offset:3px}@media(max-width:600px){header{padding:12px}main{padding:12px}section{padding:16px}.bar button{flex:1}}