:root{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-text: #111111;--color-text-muted: #555555;--color-border: #dddddd;--color-primary: #0066cc}[data-theme=light],:root:not([data-theme]){--color-bg: #ffffff;--color-surface: #f5f5f5;--color-text: #111111;--color-text-muted: #555555;--color-border: #dddddd;--color-primary: #0066cc}[data-theme=dark]{--color-bg: #0d1117;--color-surface: #161b22;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-border: #30363d;--color-primary: #58a6ff}@media (prefers-color-scheme: dark){:root:not([data-theme]),[data-theme=system]{--color-bg: #0d1117;--color-surface: #161b22;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-border: #30363d;--color-primary: #58a6ff}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Courier New,monospace;font-size:13px;line-height:1.5}button,input,select{font:inherit;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:.25rem .5rem}button{cursor:pointer;background-color:var(--color-surface)}button:hover:not(:disabled){border-color:var(--color-primary)}button:disabled{opacity:.5;cursor:default}input[type=checkbox],input[type=radio]{padding:0;accent-color:var(--color-primary)}header{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}header h1{font-size:1rem;font-weight:700}.header-spacer,.pagination-spacer{flex:1}.timezone-indicator{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.toolbar-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}[data-testid=query-bar]{padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}[data-testid=refresh-controls]{display:flex;align-items:center;gap:.5rem;margin-left:auto}[data-testid=filter-chips]{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}[data-testid=filter-chip]{display:inline-flex;align-items:center;gap:.4rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .4rem .15rem .6rem;font-size:.75rem}[data-testid=filter-chip] button{background:none;border:none;color:inherit;cursor:pointer;padding:0}[data-testid=filter-chip-exclude]{display:inline-flex;align-items:center;gap:.4rem;background-color:color-mix(in srgb,#f85149 15%,var(--color-bg));border:1px solid #f85149;border-radius:999px;padding:.15rem .4rem .15rem .6rem;font-size:.75rem;color:#f85149}[data-testid=filter-chip-exclude] button{background:none;border:none;color:inherit;cursor:pointer;padding:0}[data-testid=in-result-find]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}[data-testid=timeline-histogram]{padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}[data-testid=error-banner]{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:color-mix(in srgb,#f85149 15%,var(--color-bg));border-bottom:1px solid #f85149;color:#f85149}.histogram-tooltip{position:fixed;z-index:20;pointer-events:none;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;padding:.3rem .5rem;font-size:.7rem;white-space:pre-line;box-shadow:0 4px 12px #0000004d}.pagination-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}main{padding:0 1rem 1rem}[data-testid=column-controls]{display:flex;gap:.75rem;flex-wrap:nowrap;overflow-x:auto;max-width:100%;margin-bottom:.5rem;padding-bottom:.25rem}[data-testid=column-controls] label{flex-shrink:0;white-space:nowrap;-webkit-user-select:none;user-select:none}table{width:100%;border-collapse:collapse}th,td{padding:.3rem .5rem;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{background-color:var(--color-surface);font-weight:600;position:sticky;top:0;z-index:1}tbody tr:nth-child(odd) td{background-color:color-mix(in srgb,var(--color-surface) 40%,transparent)}tbody tr:hover td{background-color:var(--color-surface)}.cell-content{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%}.cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.cell-filter{flex-shrink:0;padding:0 .3rem;opacity:0;visibility:hidden}tbody tr:hover .cell-filter{opacity:1;visibility:visible}.cell-exclude{color:#f85149;border-color:#f85149}[data-testid=time-controls]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 1rem}.icon-btn{padding:.2rem .4rem}.hidden-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.modal{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:1rem;min-width:280px;box-shadow:0 12px 32px #0006}.modal label{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem}.modal label input[type=number]{width:4rem}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(60vw,640px);background-color:var(--color-bg);border-left:1px solid var(--color-border);box-shadow:-12px 0 32px #0000004d;overflow-y:auto;padding:1rem}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.event-json{font-family:ui-monospace,SFMono-Regular,Courier New,monospace;white-space:pre-wrap;word-break:break-word;margin-top:.75rem}