:root{font-family:system-ui,sans-serif;color:#e7edf6;background:#0b1420;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{padding-top:40px}.eyebrow{color:#57d9bd;font-weight:700}h1{font-size:32px;margin:8px 0}h2{font-size:22px;margin-top:0}p{line-height:1.6;color:#bac7d8}main{display:grid;grid-template-columns:1fr 1fr;gap:20px}section{background:#142133;padding:24px;border:1px solid #2c3c50;border-radius:14px}label{display:block;font-size:14px;margin:10px 0;color:#dbe6f2}input{width:100%;font:inherit;font-size:16px;margin-top:6px;padding:10px;background:#0c1827;border:1px solid #425570;border-radius:7px}button{font:inherit;font-size:16px;background:#57d9bd;color:#0a2320;border:0;border-radius:7px;padding:11px 16px;margin:8px 4px 8px 0;cursor:pointer}button.secondary{background:#273d57;color:#e9f2fd}button:disabled{opacity:.5;cursor:wait}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.hint{font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 system-ui;margin:12px 0;padding:12px;background:#0c1827;border-radius:7px}.card{border-top:1px solid #3c4f67;padding:14px 0;overflow-wrap:anywhere}.card p{margin:5px 0}.card a{color:#74ded0}footer{font-size:14px;color:#9caec4}#message{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:8px;background:#24435b;max-width:90vw;display:none;box-shadow:0 3px 18px #0008}:focus-visible{outline:3px solid #89b5ff;outline-offset:3px}@media(max-width:760px){main{grid-template-columns:1fr;padding:12px}section{padding:18px}header{padding:24px}.grid{grid-template-columns:1fr}}