*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #1a2332;--navy-light: #243044;--text: #e8edf2;--text-muted: #8a9bb0;--green: #4caf7d;--amber: #e8a020;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body{height:100%;background:var(--navy);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;padding:calc(var(--safe-top) + 1.5rem) calc(var(--safe-right) + 1.5rem) calc(var(--safe-bottom) + 1.5rem) calc(var(--safe-left) + 1.5rem);display:flex;flex-direction:column;gap:2rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.status-indicator{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:999px;border:1.5px solid currentColor;transition:color .2s ease}.status-online{color:var(--green)}.status-offline{color:var(--amber)}.tagline{color:var(--text-muted);font-size:1rem}