:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101c25;color:#e0edf2;font:16px/1.7 system-ui,sans-serif}main{max-width:850px;margin:auto;padding:36px 24px 80px}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#b6e2ef}h1{font-size:clamp(28px,5vw,40px);line-height:1.2}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.notice{padding:16px;background:#203846;border-left:3px solid #b6e2ef}label{display:block;margin:20px 0}input,select,textarea,button{font:inherit;border:1px solid #587381;border-radius:6px;padding:10px;background:#172e3d;color:inherit}input,select,textarea{display:block;width:100%;margin-top:6px}button{cursor:pointer;margin:8px 12px 8px 0}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:2px solid #c5edff;outline-offset:3px}[hidden]{display:none!important}@media print{nav,button,.notice{display:none}body{background:white;color:black}main{padding:0;max-width:none}}