*,*:before,*:after{box-sizing:border-box}body{margin:0}:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--green: #3fb950;--red: #f85149;--yellow: #d29922;--blue: #58a6ff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Consolas,Fira Code,Menlo,monospace}.app{display:flex;flex-direction:column;height:100dvh}.header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.header h1{font-size:1rem;font-weight:600;color:var(--text)}.status{font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:999px}.status--online{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 40%,transparent)}.status--offline{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 40%,transparent)}.btn-toggle{margin-left:auto;padding:.3rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:opacity .15s}.btn-toggle:disabled{opacity:.5;cursor:default}.btn-toggle--pause{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}.btn-toggle--pause:hover:not(:disabled){background:color-mix(in srgb,var(--red) 25%,transparent)}.btn-toggle--resume{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent)}.btn-toggle--resume:hover:not(:disabled){background:color-mix(in srgb,var(--green) 25%,transparent)}.log-panel{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.empty{color:var(--muted);font-size:.875rem;margin:auto}.log-entry{display:grid;grid-template-columns:7ch 5ch 1fr;gap:.75rem;font-size:.8125rem;line-height:1.5;padding:.1rem .25rem;border-radius:4px}.log-entry--error{background:color-mix(in srgb,var(--red) 8%,transparent)}.log-entry--warn{background:color-mix(in srgb,var(--yellow) 8%,transparent)}.log-time{color:var(--muted);-webkit-user-select:none;user-select:none}.log-level{font-weight:600;font-size:.7rem;letter-spacing:.05em;align-self:center}.log-entry--log .log-level{color:var(--blue)}.log-entry--error .log-level{color:var(--red)}.log-entry--warn .log-level{color:var(--yellow)}.log-message{color:var(--text);white-space:pre-wrap;word-break:break-word}