:root{--bg: var(--tg-theme-bg-color, #0f1115);--card: var(--tg-theme-secondary-bg-color, #181b22);--text: var(--tg-theme-text-color, #e8eaed);--hint: var(--tg-theme-hint-color, #8a909c);--accent: var(--tg-theme-button-color, #3d8bfd);--line: color-mix(in srgb, var(--hint) 22%, transparent);--ok: #22c55e;--run: #3d8bfd;--warn: #f59e0b;--bad: #ef4444;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;color-scheme:dark light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:15px/1.4 -apple-system,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.app{min-height:100vh;padding:16px 16px calc(84px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}h1{font-size:22px;margin:0;letter-spacing:-.01em}.sub{margin:2px 0 0;color:var(--hint);font-size:13px}.bad-text{color:var(--bad)}.ghost{padding:6px 12px;border-radius:10px;border:1px solid var(--line);font-size:13px;color:var(--accent)}.ghost:disabled{opacity:.5}.cards{list-style:none;margin:0;padding:0;display:grid;gap:8px}.card{background:var(--card);border-radius:14px;overflow:hidden;border-left:3px solid transparent}.card.state-bad{border-left-color:var(--bad)}.card.state-warn{border-left-color:var(--warn)}.card-main{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-title{font-weight:600}.card-meta{color:var(--hint);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--hint)}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}.dot.run{background:var(--run);animation:pulse 1.2s infinite}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}@keyframes pulse{50%{opacity:.3}}.badge{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;flex:none}.badge.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.badge.run{color:var(--run);background:color-mix(in srgb,var(--run) 14%,transparent)}.badge.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.badge.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}.badge.muted{color:var(--hint);background:color-mix(in srgb,var(--hint) 14%,transparent)}.logs{margin:0;padding:10px 14px 14px;font:11.5px/1.5 var(--mono);color:var(--hint);border-top:1px solid var(--line);white-space:pre-wrap;word-break:break-word;max-height:50vh;overflow:auto}.alert{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad);padding:10px 14px;border-radius:12px;margin-bottom:10px;font-size:14px}.empty{color:var(--hint);text-align:center;padding:48px 0}.skeleton{height:280px;border-radius:14px;background:linear-gradient(90deg,var(--card),color-mix(in srgb,var(--card) 70%,var(--bg)),var(--card));background-size:200% 100%;animation:sk 1.2s infinite linear}@keyframes sk{to{background-position:-200% 0}}.tabbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;color:var(--hint)}.tabbar .ico{font-size:18px;line-height:1}.tabbar button.active{color:var(--accent)}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.gate{text-align:center;max-width:320px}.gate p{color:var(--hint)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pill{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600}.pill.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.pill.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.ghost.on{background:var(--accent);color:var(--tg-theme-button-text-color, #fff);border-color:var(--accent)}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:12px;background:var(--card);margin-bottom:14px}.seg button{padding:7px 4px;border-radius:9px;font-size:13px;color:var(--hint)}.seg button.on{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 2px #00000026}.block{background:var(--card);border-radius:14px;padding:12px 14px;margin-bottom:10px}.block h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--hint);margin:0 0 6px}.cnt{font-weight:500;opacity:.7;margin-left:4px}.rows{list-style:none;margin:0;padding:0}.row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.sym{flex:1;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.sym b{font-weight:600}.note{font-size:12px;color:var(--hint)}.tag{font-size:10.5px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);padding:1px 6px;border-radius:6px}.px{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;flex:none}.px-v{font-size:14px}.px-c{font-size:12px;color:var(--hint)}.px-c.up{color:var(--ok)}.px-c.down{color:var(--bad)}.px.muted{font-size:12px;color:var(--hint)}.x{width:28px;height:28px;flex:none;border-radius:50%;font-size:18px;line-height:1;color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.x:disabled{opacity:.4}.empty-line{color:var(--hint);font-size:13px;margin:4px 0}.add{display:flex;gap:8px;margin-top:8px}.add input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;text-transform:uppercase}.add input:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);border-color:transparent}.add button{padding:0 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.add button:disabled{opacity:.45}.actions{display:flex;gap:8px;margin-top:14px}.actions .ghost{padding:12px 14px;font-size:14px}.primary{flex:1;padding:12px;border-radius:12px;font-weight:600;font-size:15px;background:var(--accent);color:var(--tg-theme-button-text-color, #fff)}.primary:disabled{opacity:.5}.hint{color:var(--hint);font-size:12.5px;margin:8px 0 0}.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--text);color:var(--bg);padding:9px 16px;border-radius:12px;font-size:14px;max-width:calc(100% - 32px);box-shadow:0 4px 16px #00000040;z-index:10}