*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0d12;--panel:#141821;--panel-2:#1a1f2b;--border:#232a39;--text:#e7ecf3;--text-dim:#8b95a7;--accent:#10b981;--accent-dim:#064e3b;--danger:#ef4444;--danger-dim:#4c1414;--warn:#f59e0b}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:48px 24px;gap:24px}.header,.wrap{display:flex;flex-direction:column}.header{gap:6px}.header h1{font-size:28px;font-weight:600;letter-spacing:-.02em}.header p{color:var(--text-dim);font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.toggle-meta{display:flex;flex-direction:column;gap:4px}.toggle-meta .label{font-size:16px;font-weight:500}.toggle-meta .hint{font-size:13px;color:var(--text-dim)}.switch{position:relative;width:64px;height:36px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.loading{opacity:.6;cursor:wait}.switch .knob{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 2px 6px rgba(0,0,0,.3)}.switch.on .knob{transform:translateX(28px)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.status-cell{background:var(--panel-2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.status-cell .k{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.status-cell .v{font-size:16px;font-weight:500}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.dot.green{background:var(--accent);box-shadow:0 0 8px var(--accent)}.dot.red{background:var(--danger)}.dot.amber{background:var(--warn)}.footer{text-align:center;font-size:12px;color:var(--text-dim)}.error{background:var(--danger-dim);border:1px solid var(--danger);color:#fecaca;padding:12px 16px;border-radius:12px;font-size:13px}@media (max-width:520px){.status-grid{grid-template-columns:1fr}.toggle-row{flex-direction:column;align-items:flex-start}}