:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0b0d12;color:#eef0f6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#242a46 0,transparent 38%),#0b0d12}main{width:min(980px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 8rem}header{margin-bottom:2.5rem}h1{font-size:clamp(2.8rem,8vw,5.5rem);letter-spacing:-.07em;line-height:.9;margin:.2rem 0 1.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#8ea4ff;font-size:.75rem}form,article,.table-wrap,pre{background:#141821;border:1px solid #2c3242;border-radius:16px}form{display:grid;gap:1.25rem;padding:1.5rem}label{display:grid;gap:.5rem;color:#b8bfce}input,textarea,button{font:inherit;border-radius:9px;border:1px solid #3a4256;padding:.8rem;background:#0d1017;color:#fff}textarea,pre{font-family:ui-monospace,SFMono-Regular,monospace}.check{display:flex;align-items:center}.check input{width:auto}button{background:#eef0f6;color:#111521;font-weight:700;cursor:pointer}#status{min-height:1.5rem;color:#9dafed}article{padding:1.25rem;margin:1rem 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem}article pre{background:#0d1017}img{max-width:100%;display:block;border-radius:8px}table{border-collapse:collapse;width:100%}.table-wrap{overflow:auto}th,td{text-align:left;padding:.8rem;border-bottom:1px solid #2c3242}h2{margin-top:2.5rem}@media(max-width:600px){main{padding-top:2rem}form{padding:1rem}}
