*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e4e4e7;background:#0f0f11;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}main{text-align:center}#app{background:#18181b;border:1px solid #27272a;border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;min-width:20rem;padding:2.5rem 3rem;display:flex;box-shadow:0 4px 24px #0006}h1{letter-spacing:.03em;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:600;display:inline-flex}.env{text-transform:uppercase;letter-spacing:.08em;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:999px;padding:.2rem .55rem;font-size:.6rem;font-weight:600}.tagline{color:#71717a;font-size:.85rem}.status{color:#a1a1aa;background:#101012;border:1px solid #27272a;border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.4rem .9rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem;display:inline-flex}.dot{background:#71717a;border-radius:50%;width:.5rem;height:.5rem}.status[data-state=checking] .dot{background:#fbbf24}.status[data-state=healthy] .dot{background:#34d399;animation:2s ease-out infinite pulse}.status[data-state=healthy] .status-text{color:#34d399}.status[data-state=unreachable] .dot{background:#f87171}.status[data-state=unreachable] .status-text{color:#f87171}@keyframes pulse{0%{box-shadow:0 0 #34d39959}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 #34d39900}}@media (prefers-reduced-motion:reduce){.status[data-state=healthy] .dot{animation:none}}.meta{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex}.meta p{color:#a1a1aa;letter-spacing:.02em;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem}.highlight{color:#e4e4e7}nav{border-top:1px solid #27272a;width:100%;margin-top:1.25rem;padding-top:1rem}nav a{color:#a1a1aa;border-bottom:1px dotted #3f3f46;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem;text-decoration:none;transition:color .15s,border-color .15s}nav a:hover{color:#e4e4e7;border-bottom-color:#a1a1aa}