:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f7fb;--card:#fff;--text:#172033;--muted:#64748b;--border:#e2e8f0;--green:#087f5b;--red:#c92a2a}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.shell{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.card{border:1px solid var(--border);background:var(--card);border-radius:16px;width:min(100%,680px);padding:40px;box-shadow:0 14px 45px #17203314}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:700}h1{margin:0;font-size:clamp(1.65rem,5vw,2.35rem);line-height:1.15}h2{color:var(--muted);margin:14px 0 24px;font-size:1rem;font-weight:500}.connection{align-items:center;gap:9px;margin:24px 0;font-weight:700;display:inline-flex}.connection span{background:currentColor;border-radius:50%;width:10px;height:10px}.connected{color:var(--green)}.disconnected{color:var(--red)}dl{border-top:1px solid var(--border);margin:0}dl div{border-bottom:1px solid var(--border);grid-template-columns:minmax(145px,1fr) 2fr;gap:24px;padding:16px 0;display:grid}dt{color:var(--muted)}dd{text-align:right;margin:0;font-weight:600}.wrap{overflow-wrap:anywhere}.message{color:var(--muted);line-height:1.6}.link{color:#1d4ed8;margin-top:24px;font-weight:700;display:inline-block}@media (max-width:520px){.card{padding:28px 22px}dl div{grid-template-columns:1fr;gap:6px}dd{text-align:left}}