:root{color:#30291c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f2e9;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}#root{place-items:center;min-height:100svh;padding:1.25rem;display:grid}p{margin:0}.connection-card{background:#fffdf8;border:1px solid #e0dace;border-radius:1rem;width:min(100%,38rem);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 1rem 3rem #30291c0d}.eyebrow{color:#6b623f;font-weight:600}h1{margin:.75rem 0 1rem;font-size:clamp(1.5rem,4vw,2rem)}.endpoint{color:#655f54;margin-bottom:2rem;font-family:monospace}.success{color:#25613c;font-weight:600}.error{color:#a32e28}pre{background:#f1eee5;border-radius:.5rem;margin:1rem 0 0;padding:1rem;overflow-x:auto}