:root{--bg: #f6f7f9;--card: #ffffff;--fg: #14161a;--muted: #6b7280;--line: #e3e6ea;--ok: #138a52;--warn: #b7791f;--down: #c53030;--accent: #2563eb;--track: #eceff3;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--card: #171a20;--fg: #e8eaed;--muted: #9aa1ab;--line: #262a32;--ok: #3ecf8e;--warn: #f0b429;--down: #f56565;--accent: #60a5fa;--track: #232730;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:17px;margin:0}h2{font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.app{max-width:720px;margin:0 auto;padding:0 16px calc(72px + env(safe-area-inset-bottom))}.top{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 0 12px}.top-r{display:flex;gap:8px;align-items:center}.pill{border:1px solid var(--line);border-radius:999px;padding:1px 8px}.pill.warn{color:var(--warn);border-color:var(--warn)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.card-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.muted{color:var(--muted)}.small{font-size:13px}.mono,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.num{font-variant-numeric:tabular-nums}.up{color:var(--ok)}.dn,.err{color:var(--down)}.banner{border-radius:12px;padding:10px 14px;margin-bottom:12px;font-weight:600;border:1px solid}.banner.ok{border-color:var(--ok);color:var(--ok)}.banner.warn{border-color:var(--warn);color:var(--warn)}.banner.down{border-color:var(--down);color:#fff;background:var(--down)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}@media(min-width:520px){.stats{grid-template-columns:repeat(4,1fr)}}.stat-l{font-size:12px}.stat-v{font-size:18px;font-weight:600}.chart{margin:0}.chart svg{width:100%;height:160px;display:block}.chart .line{fill:none;stroke-width:2}.line.up{stroke:var(--ok)}.line.dn{stroke:var(--down)}.chart .baseline{stroke:var(--muted);stroke-dasharray:4 4;stroke-width:1;vector-effect:non-scaling-stroke}.chart-axis{display:flex;justify-content:space-between;font-size:12px;margin-top:4px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--muted);vertical-align:middle}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.down{background:var(--down)}.lights{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cap{margin-bottom:10px}.cap-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}.bar{height:8px;background:var(--track);border-radius:4px;overflow:hidden}.fill{height:100%}.fill.ok{background:var(--ok)}.fill.warn{background:var(--warn)}.fill.down{background:var(--down)}.rows{list-style:none;margin:0;padding:0}.rows li{padding:8px 0;border-top:1px solid var(--line)}.rows li:first-child{border-top:0}.row-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.events li{cursor:pointer}.payload{background:var(--bg);border-radius:8px;padding:8px;font-size:12px;overflow-x:auto;margin:6px 0 0}.search{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:16px;margin-bottom:6px}button.link{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:0}button.more{width:100%;margin-top:8px;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs a{flex:1;max-width:200px;text-align:center;padding:14px 0;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}.tabs a[aria-current=page]{color:var(--accent)}.pill.ok{color:var(--ok);border-color:var(--ok)}.greeks{display:flex;justify-content:space-between;margin:8px 0 4px}.check{display:flex;gap:6px;align-items:center;margin-bottom:6px}.scrub{width:100%;margin:10px 0;accent-color:var(--accent)}.steps{display:flex;gap:6px}.step,.seg button{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px}.seg{display:flex;gap:6px;margin-top:10px}.seg button{flex:1;text-transform:capitalize}.seg button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.spark .line{fill:none;stroke-width:1.5}.kv{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}.filters{display:flex;gap:8px;margin:6px 0}.filters .search{margin:0}.trail{margin:8px 0 0;padding-left:18px}.trail li{margin-bottom:6px}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.more{list-style:none;margin:0;padding:0}.more a{display:flex;flex-direction:column;gap:2px;padding:14px;margin-bottom:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--fg);text-decoration:none}.btn{border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:10px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.wide{width:100%;margin-top:8px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:var(--down);border-color:var(--down);color:#fff}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:10}@media(min-width:520px){.modal{align-items:center}}.modal-box{background:var(--card);width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}@media(min-width:520px){.modal-box{border-radius:16px}}.modal-box h3{margin:0 0 8px;font-size:17px}.modal-box .search{margin-bottom:8px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.phrase{background:var(--bg);padding:2px 6px;border-radius:6px;-webkit-user-select:all;user-select:all}
