:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f3;--text:#1b1f27;--muted:#596273;--border:#d5d9e0;--accent:#2563eb;--accent-text:#fff;--on-fill:#fff;--ok:#15803d;--partial:#b45309;--down:#c62828;--unknown:#6b7280;--danger:#c62828;--warn-bg:#fff4d6;--warn-text:#6b4a00;--err-bg:#fde8e8;--err-text:#8a1c1c;--radius:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12151b;--surface:#1b2029;--surface-2:#232a35;--text:#e6e9ef;--muted:#98a2b3;--on-fill:#0b1220;--border:#333b49;--accent:#4c8dff;--accent-text:#0b1220;--ok:#4ade80;--partial:#fbbf24;--down:#f87171;--unknown:#9ca3af;--danger:#ef5350;--warn-bg:#3a3012;--warn-text:#f5d98a;--err-bg:#3d1a1a;--err-text:#ffb4b4}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.45;overflow-x:hidden}h1,h2{margin:0}button,input{font:inherit;color:inherit}.muted{color:var(--muted)}.center{text-align:center;padding:40px 16px}.app{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 20px;display:flex}.tabs{gap:4px;display:flex}.tab{color:var(--muted);border-radius:8px;padding:6px 14px;font-weight:600;text-decoration:none}.tab:hover{background:var(--surface-2)}.tab.active{background:var(--surface-2);color:var(--text)}.who{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.sep{color:var(--muted)}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.content{max-width:1000px;margin:0 auto;padding:16px 20px 40px}.btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;min-height:38px;padding:8px 14px}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-danger,.btn-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--on-fill)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-switch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.mode-row{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.mode-label{font-weight:600}.segmented{border:1px solid var(--border);border-radius:9px;flex-wrap:wrap;max-width:100%;display:inline-flex;overflow:hidden}.seg{background:var(--surface);border:0;border-right:1px solid var(--border);cursor:pointer;min-height:40px;padding:8px 16px}.seg:last-child{border-right:0}.seg:hover:not(:disabled):not(.selected){background:var(--surface-2)}.seg:disabled{cursor:not-allowed;opacity:.6}.seg.selected{background:var(--accent);color:var(--accent-text);font-weight:600}.seg.selected.seg-stop{background:var(--danger);color:var(--on-fill)}.mode-pending{color:var(--muted)}.mode-hint{color:var(--muted);margin:8px 0 0;font-size:14px}.confirm{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;margin-top:12px;padding:12px 14px}.confirm-stop{border-color:var(--danger)}.confirm p{margin:0 0 8px}.confirm-title{font-weight:600}.confirm-word{flex-direction:column;gap:4px;margin:8px 0;display:flex}.confirm-word input,.login-card input{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:9px 11px}.confirm-word input{max-width:260px}.confirm-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.alert{overflow-wrap:anywhere;border-radius:8px;margin:12px 0 0;padding:10px 14px}.alert-error{background:var(--err-bg);color:var(--err-text);border:1px solid var(--down)}.alert-warn{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--partial)}.diagram{width:100%;height:auto;margin:16px 0 4px;display:block}.diagram .node{cursor:pointer}.diagram .node.dimmed,.diagram .link.dimmed{opacity:.25}.node-box{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.node.selected .node-box{stroke:var(--accent);stroke-width:2.5px}.node:hover .node-box{stroke:var(--accent)}.node-title{fill:var(--text);font-size:15px;font-weight:600}.node-line{fill:var(--muted);font-size:13px}.node-stale{fill:var(--partial);font-size:12px;font-weight:600}.link{fill:none;stroke-width:2.5px}.link-ok{stroke:var(--ok)}.link-partial{stroke:var(--partial)}.link-down{stroke:var(--down);stroke-dasharray:6 5}.link-unknown{stroke:var(--unknown);stroke-dasharray:2 5}.arrow-head{fill:var(--muted)}.badge-svg circle{stroke:var(--surface);stroke-width:2px}.badge-svg text{fill:var(--on-fill);font-size:15px;font-weight:700}.badge-svg.badge-ok circle{fill:var(--ok)}.badge-svg.badge-partial circle{fill:var(--partial)}.badge-svg.badge-down circle{fill:var(--down)}.badge-svg.badge-unknown circle{fill:var(--unknown)}.stopped-banner rect{fill:var(--danger)}.stopped-banner text{fill:var(--on-fill);font-size:13px;font-weight:700}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:8px 0 16px;font-size:13px;display:flex}.badge-inline{width:18px;height:18px;color:var(--on-fill);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.badge-inline.badge-ok,.badge.badge-ok{background:var(--ok)}.badge-inline.badge-partial,.badge.badge-partial{background:var(--partial)}.badge-inline.badge-down,.badge.badge-down{background:var(--down)}.badge-inline.badge-unknown,.badge.badge-unknown{background:var(--unknown)}.cards{flex-direction:column;gap:10px;margin:16px 0;display:flex}.stopped-tag{background:var(--danger);color:var(--on-fill);text-align:center;border-radius:999px;padding:6px 12px;font-weight:700}.node-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:2px;width:100%;padding:12px 44px 12px 14px;display:flex;position:relative}.node-card.selected{border-color:var(--accent);border-width:2px;padding:11px 43px 11px 13px}.node-card.dimmed{opacity:.25}.node-card .badge{width:24px;height:24px;color:var(--on-fill);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.card-title{font-weight:600}.card-sub,.card-line{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.card-stale{color:var(--partial);font-size:13px;font-weight:600}.details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.details-head{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.details-head h2{font-size:17px}.pill{color:var(--on-fill);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.pill-ok{background:var(--ok)}.pill-partial{background:var(--partial)}.pill-down{background:var(--down)}.pill-unknown{background:var(--unknown)}.pill-dim{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.problems{color:var(--down);margin:0 0 8px;padding-left:20px}.detail-rows{margin:0}.detail-row{border-top:1px solid var(--border);gap:12px;padding:7px 0;display:flex}.detail-row:first-child{border-top:0}.detail-row dt{color:var(--muted);flex:0 0 38%}.detail-row dd{overflow-wrap:anywhere;flex:1;margin:0}.journal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.journal-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none}.journal-item{border-top:1px solid var(--border);grid-template-columns:150px 130px 1fr 24px;align-items:baseline;gap:4px 12px;padding:9px 14px;display:grid}.journal-item:first-child{border-top:0}.journal-item time{color:var(--muted);font-size:13px}.journal-who{overflow-wrap:anywhere;font-weight:600}.journal-text{overflow-wrap:anywhere}.journal-mark.ok{color:var(--ok)}.journal-mark.fail{color:var(--down);font-weight:700}.journal-item.failed{background:color-mix(in srgb, var(--down) 8%, transparent)}.login{justify-content:center;padding:48px 16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;width:100%;max-width:380px;padding:22px;display:flex}.login-card h1{font-size:20px}.login-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.login-card .alert{margin:0}@media (width<=639px){.topbar{padding:10px 16px}.content{padding:12px 16px 32px}.segmented{grid-template-columns:1fr 1fr;width:100%;display:grid}.seg{border-right:0;border-bottom:1px solid var(--border)}.seg:nth-child(odd){border-right:1px solid var(--border)}.seg:nth-last-child(-n+2){border-bottom:0}.detail-row{flex-direction:column;gap:2px}.detail-row dt{flex:none}.journal-item{grid-template-columns:1fr 24px}.journal-item time,.journal-who{grid-column:1}.journal-text{grid-column:1/-1}.journal-mark{grid-area:1/2}}.logout-error{padding-bottom:0}