:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#1a1a1a;background-color:#f6f7f9}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}.page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.card{width:100%;max-width:28rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 10px 30px #00000014;text-align:center}.title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#444}.status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#6b7280;margin-bottom:.5rem}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#9ca3af}.status-open .status-dot{background:#16a34a}.status-connecting .status-dot{background:#f59e0b;animation:status-pulse 1.2s ease-in-out infinite}.status-closed .status-dot{background:#b91c1c}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}.value{font-size:clamp(4rem,18vw,8rem);font-weight:700;line-height:1;margin:1rem 0 2rem;font-variant-numeric:tabular-nums;color:#111}.button{display:inline-block;width:100%;padding:1.25rem 1.5rem;font-size:1.25rem;font-weight:600;color:#fff;background:#2563eb;border:none;border-radius:.75rem;cursor:pointer;transition:background-color .12s ease,transform 60ms ease}.button:hover:not(:disabled){background:#1d4ed8}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{background:#93b4f1;cursor:not-allowed}.error{margin-top:1rem;color:#b91c1c;font-size:.95rem}.link{background:none;border:none;color:#2563eb;text-decoration:underline;cursor:pointer;font:inherit;padding:0}@media (prefers-color-scheme: dark){:root{color:#f3f4f6;background-color:#0b0f17}.card{background:#131a26;box-shadow:0 10px 30px #00000080}.title{color:#cbd5e1}.value{color:#f9fafb}.status{color:#94a3b8}}