:root{color-scheme:dark;font:16px/1.65 system-ui;background:#0b0c15;color:#e9eaf5}*{box-sizing:border-box}main{max-width:780px;margin:8vh auto;padding:24px}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.1}h2{font-size:1.25rem}p,li{color:#b9bfd4}.tag{font-size:.75rem;letter-spacing:.18em;color:#b8a3ff}section,form{border:1px solid #35394e;border-radius:12px;padding:24px;margin:24px 0;background:#141726}label{display:block;margin:15px 0 6px}input,select,textarea,button{font:inherit;border:1px solid #595973;border-radius:5px;padding:12px;color:inherit;background:#0b0d18;width:100%}textarea{resize:vertical}button{background:#a4edce;color:#10241c;font-weight:700;cursor:pointer;margin:14px 0}button:disabled{opacity:.5;cursor:wait}input:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #b8a3ff;outline-offset:3px}code,pre{overflow-wrap:anywhere;white-space:pre-wrap;font:13px/1.6 ui-monospace,monospace}.notice{border-left:3px solid #b8a3ff;padding:12px 18px}progress{width:100%}[hidden]{display:none!important}a{color:#a4edce}.small{font-size:.85rem}output{display:block;overflow-wrap:anywhere}.danger{border-color:#b16565;color:#ffc9c9}fieldset{border:0;padding:0;margin:0}footer{font-size:.8rem;color:#999fb5}