:root{font-family:system-ui,sans-serif;color:#fff;background:#0C0E12;color-scheme:dark}body{background:#0C0E12;margin:0;min-height:100vh;display:grid;place-items:center}main{background:#121418;width:min(650px,calc(100% - 48px));padding:48px 0}.eyebrow{font-size:12px;letter-spacing:.2em;color:#78c8b8}h1{color:#fff;font-size:clamp(24px,5vw,36px);font-weight:600}p{line-height:1.7;color:rgba(255,255,255,.75)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1A1D24;padding:20px;border-radius:8px;font-size:13px;line-height:1.6}button{font:inherit;padding:10px 18px;margin:8px 8px 0 0;border:1px solid #546777;min-height:44px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;border-radius:999px;cursor:pointer;background:transparent;color:#fff}button:focus-visible{outline:3px solid #78c8b8}[hidden]{display:none}

#loading{background:#0C0E12;position:fixed;inset:0;display:grid;place-items:center}#loading[hidden]{display:none}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:rgba(255,255,255,.5);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}

#retry{background:#FF1C2D;border-color:#FF1C2D;color:#fff}#retry:hover{background:#D91826;border-color:#D91826}#retry:active{background:#B21420;border-color:#B21420}#copy{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}