:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf0f2;background:#101214;accent-color:#a7f3d0}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:0 auto;padding:64px 24px}.eyebrow{color:#a7f3d0;letter-spacing:.18em;font-size:12px;font-weight:700}h1{margin:12px 0 32px;font-size:36px}h2{font-size:24px}h3{margin-top:32px}p{color:#a8adb2;line-height:1.6;max-width:54ch}button{font:inherit;color:#a7f3d0;background:transparent;border:1px solid #596168;border-radius:8px;padding:12px 18px;cursor:pointer}button:hover{background:#242b2a;border-color:#a7f3d0}button:focus-visible{outline:2px solid #a7f3d0;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}hr{border:0;border-top:1px solid #363c41;margin:32px 0}dialog{background:#1b1f22;color:#edf0f2;max-width:min(520px,calc(100vw - 32px));border:1px solid #596168;border-radius:16px;padding:24px}dialog::backdrop{background:#000a}dialog h2{margin-top:0}.actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}code{display:block;overflow-wrap:anywhere;padding:12px;background:#101214;-webkit-user-select:all;user-select:all}[data-error]{color:#f29b9b}[hidden]{display:none!important}@media(max-width:480px){main{padding-top:32px}}