:root{color-scheme:dark;--bg:#080d0d;--panel:#0d1616;--line:#24413c;--green:#91f5c2;--text:#d2e3dc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}header{padding:20px 5vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:2px}.mark{color:var(--green);font-weight:bold}main{max-width:1440px;margin:auto;padding:35px 5vw}h1{font-size:clamp(25px,4vw,43px);line-height:1.2;letter-spacing:-2px}h2{font-size:15px;color:var(--green);margin:0 0 18px}.cursor{color:var(--green)}.muted,footer{color:#91a79f}section{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:5px;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}form{margin:12px 0}label{display:block;font-size:12px;margin:12px 0}input,textarea,select,button{font:inherit;color:inherit;background:#080f0e;border:1px solid #39554b;border-radius:3px;padding:11px;width:100%}textarea{min-height:100px}button{cursor:pointer;color:var(--green);width:auto;margin:5px 0}button:hover,button:focus-visible{background:#203b30;border-color:var(--green)}input:focus,textarea:focus,select:focus{outline:2px solid var(--green)}.danger{color:#ff9e9e;border-color:#945451}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#080f0e;border-left:3px solid var(--green);padding:14px;font-size:12px}nav{display:flex;gap:15px}.inline{display:inline-block;margin-right:8px}footer{padding:30px 0;font-size:11px}@media(max-width:760px){.grid{grid-template-columns:1fr}main{padding:25px 16px}section{padding:20px}header{padding:17px}button{min-height:44px}}