:root{color:#111827;-webkit-font-smoothing:antialiased;background-color:#f9fafb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}@media (prefers-color-scheme:dark){:root{color:#f3f4f6;background-color:#111827}.connection--loading{color:#9ca3af}.connection--ok{color:#4ade80}.connection--error{color:#f87171}}.app{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.app h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600}.connection{border:1px solid;border-radius:999px;margin:0;padding:.6rem 1.1rem;font-size:.95rem;font-weight:500}.connection--loading{color:#6b7280}.connection--ok{color:#15803d}.connection--error{color:#b91c1c}