:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202c42;background:#f2f4f8;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #fff;--muted: #5c687c;--online: #20724c;--offline: #ad343e;--radius: 20px;--shadow: 0 12px 45px #202c420a;--space: 16px}*{box-sizing:border-box}body{margin:0;min-width:280px}#root{min-height:100svh;display:grid;place-items:center;padding:24px}.foundation{width:min(100%,440px);padding:48px;background:var(--surface);border:1px solid #e1e6ee;border-radius:var(--radius);box-shadow:var(--shadow)}h1{font-size:clamp(1.7rem,6vw,2rem);letter-spacing:-.04em;line-height:1.2;margin:0 0 var(--space)}.subtitle{color:var(--muted);margin:0;line-height:1.5}.status{display:flex;align-items:center;gap:10px;margin:32px 0 0;font-size:.9rem;font-weight:600;color:var(--muted);transition:color .18s ease}.status[data-state=Online]{color:var(--online)}.status[data-state=Offline]{color:var(--offline)}.status-dot{width:8px;height:8px;background:currentColor;border-radius:50%;flex-shrink:0}@media(max-width:480px){.foundation{padding:32px}}@media(prefers-reduced-motion:reduce){.status{transition:none}}