:root{--bg:#f6f7f9;--fg:#1d2330;--card:#fff;--accent:#2f6fed;--error:#c62828;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12151b;--fg:#e6e9ef;--card:#1b1f27;--accent:#6b9bff;--error:#ef6b6b}}body{background:var(--bg);place-items:center;min-height:100vh;margin:0;display:grid}.card{background:var(--card);border-radius:12px;min-width:min(320px,90vw);padding:2rem;box-shadow:0 2px 12px #0002}h1{margin-top:0}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.6rem 1rem;font-size:1rem}img{vertical-align:middle;border-radius:50%}.error{color:var(--error)}.status{opacity:.85;font-size:.9rem}.status.offline{color:var(--error)}