:root{--bg-start: #eef2ff;--bg-end: #f8fafc;--text: #0f172a;--muted: #64748b;--ok: #16a34a;--warn: #f59e0b;--bad: #dc2626}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:linear-gradient(180deg,var(--bg-start),var(--bg-end))}.wrap{max-width:720px;margin:8vh auto;padding:24px 28px;background:#ffffffc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;box-shadow:0 12px 30px #02061714}h1{margin:0 0 12px;font-size:2rem}p{line-height:1.6}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0f172a0f;margin:8px 0 16px}#status-dot{width:10px;height:10px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 2px #0000000a inset}.muted{color:var(--muted);margin-left:4px;font-size:.9em}.client-ids-section{margin-top:24px;padding:16px;background:#0f172a0a;border-radius:8px;border:1px solid rgba(15,23,42,.08)}.client-ids-title{display:block;font-weight:600;font-size:.9rem;color:var(--text);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.client-ids-list{display:flex;flex-wrap:wrap;gap:8px}.client-id-item{padding:4px 8px;background:#fffc;border:1px solid rgba(15,23,42,.1);border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8rem;color:var(--text);box-shadow:0 1px 2px #0000000d}