html{color-scheme:light;height:100%}:root{--ink: #1c2430;--muted: #4b5565;--hint: #667085;--line: #d8dee7;--line-strong: #c5ced9;--row-line: #e6ebf1;--canvas: #eef1f5;--surface: #fff;--surface-muted: #f7f9fb;--accent: #1f6feb;--accent-hover: #1a62d0;--accent-ink: #1f4f99;--accent-bg: #e7f0ff;--info-bg: #e7f0ff;--info-ink: #1f4f99;--info-border: #9ec0f5;--warn-bg: #fff4e5;--warn-ink: #8a5a00;--warn-border: #e6c48a;--error-bg: #fdecec;--error-ink: #8a1f1f;--error-border: #e6b0b0;--fatal-bg: #f8d7d7;--fatal-ink: #6e1212;--fatal-border: #d08080;--mark: #ffe08a;--header-hover: rgb(255 255 255 / 12%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 8px;--radius-control: 6px;--shadow: 0 1px 2px rgb(28 36 48 / 6%);--font: "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;height:100%;color:var(--ink);background:var(--canvas);font-family:var(--font);font-size:14px;line-height:1.45}#root{display:flex;flex-direction:column;height:100dvh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--ink);color:var(--surface);padding:0 var(--space-5);min-height:52px;z-index:3}.top h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}main{display:flex;flex:1;flex-direction:column;gap:var(--space-3);min-height:0;overflow:auto;padding:var(--space-4) var(--space-5) var(--space-4)}.banner{flex:none;margin:0;padding:10px var(--space-3);border-radius:var(--radius-control);background:var(--error-bg);color:var(--error-ink)}.banner.wait{background:var(--info-bg);color:var(--info-ink)}.toolbar{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.presets,.levels,.chips,.pager,.query,.range,.page-jump,.query-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.range,.query{align-items:end}.query .grow{flex:1 1 220px}.pager{align-items:end}.range label{min-width:200px}.query-actions{align-self:end}label{display:flex;flex-direction:column;gap:var(--space-1);font-size:12px;font-weight:600;color:var(--muted)}input{color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control);padding:8px 10px;min-height:36px}input:read-only{background:var(--surface-muted);color:var(--muted)}input:focus-visible{border-color:var(--accent)}.hint,.note{margin:0;color:var(--hint);font-size:12px;font-weight:600}.note{font-weight:400;line-height:1.4}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ghost.icon-button{position:relative;width:36px;min-width:36px;padding:0}.icon-button .icon{width:18px;height:18px}.icon-button[aria-disabled=true]{cursor:not-allowed}.icon-button[aria-disabled=true] .icon{opacity:.4}.tip{position:absolute;z-index:4;left:50%;top:calc(100% + 6px);transform:translate(-50%);padding:4px 8px;border-radius:var(--radius-control);background:var(--ink);color:var(--surface);font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none}.tip-above{top:auto;bottom:calc(100% + 6px)}.top .tip,.pager .icon-button:last-child .tip{left:auto;right:0;transform:none}.icon-button:hover .tip,.icon-button:focus-visible .tip{opacity:1}.icon{width:1em;height:1em;flex:none}.chevron{transition:transform .12s ease}.chevron.open{transform:rotate(90deg)}.time-line{display:inline-flex;align-items:center;gap:var(--space-1)}.primary,.ghost{border-radius:var(--radius-control);padding:7px 14px;min-height:36px}.primary{border:0;background:var(--accent);color:var(--surface)}.primary:hover:not(:disabled){background:var(--accent-hover)}.ghost{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-muted)}.top .ghost{border-color:#ffffff59;background:transparent;color:var(--surface)}.top .ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--header-hover)}.chip{border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);padding:4px 12px;min-height:32px}.chip:hover:not(:disabled){border-color:var(--accent)}.chip.on,.chip.in{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-ink)}.chip.out{border-color:var(--error-border);background:var(--error-bg);color:var(--error-ink);text-decoration:line-through}.chip.information{background:var(--info-bg);color:var(--info-ink);border-color:var(--info-border)}.chip.warning{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-border)}.chip.error{background:var(--error-bg);color:var(--error-ink);border-color:var(--error-border)}.chip.fatal{background:var(--fatal-bg);color:var(--fatal-ink);border-color:var(--fatal-border)}.chip.on{box-shadow:inset 0 0 0 1px currentColor}.result-bar{display:flex;flex:none;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.summary{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--muted)}.summary.live:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.pager input{width:4.5rem}.table-wrap{flex:1;min-height:12rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:auto;overscroll-behavior:contain}.table-wrap.busy{opacity:.72}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--row-line)}th{position:sticky;top:0;z-index:1;background:var(--surface-muted);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;box-shadow:inset 0 -1px 0 var(--line)}.row{cursor:pointer}.row td:first-child{box-shadow:inset 3px 0 0 transparent}.row.information td:first-child{box-shadow:inset 3px 0 0 var(--info-border)}.row.warning{background:var(--warn-bg)}.row.warning td:first-child{box-shadow:inset 3px 0 0 var(--warn-border)}.row.error{background:var(--error-bg)}.row.error td:first-child{box-shadow:inset 3px 0 0 var(--error-border)}.row.fatal{background:var(--fatal-bg)}.row.fatal td:first-child{box-shadow:inset 3px 0 0 var(--fatal-border)}.row:hover{background:var(--accent-bg)}.row.warning:hover{background:var(--warn-bg)}.row.error:hover{background:var(--error-bg)}.row.fatal:hover{background:var(--fatal-bg)}.row.open{background:var(--info-bg)}.row.warning.open{background:var(--warn-bg)}.row.error.open{background:var(--error-bg)}.row.fatal.open{background:var(--fatal-bg)}.row.open td:first-child{box-shadow:inset 4px 0 0 var(--accent)}.row.warning.open td:first-child{box-shadow:inset 4px 0 0 var(--warn-border)}.row.error.open td:first-child{box-shadow:inset 4px 0 0 var(--error-border)}.row.fatal.open td:first-child{box-shadow:inset 4px 0 0 var(--fatal-border)}.row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}td.time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}td.preview{font-family:var(--mono);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.detail td{background:var(--surface-muted);box-shadow:inset 4px 0 0 var(--accent)}.detail.warning td{box-shadow:inset 4px 0 0 var(--warn-border)}.detail.error td{box-shadow:inset 4px 0 0 var(--error-border)}.detail.fatal td{box-shadow:inset 4px 0 0 var(--fatal-border)}.detail pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 var(--space-2);font-family:var(--mono);font-size:13px;line-height:1.45}.level{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;background:var(--surface)}.level.information{color:var(--info-ink);box-shadow:inset 0 0 0 1px var(--info-border)}.level.warning{color:var(--warn-ink);box-shadow:inset 0 0 0 1px var(--warn-border)}.level.error{color:var(--error-ink);box-shadow:inset 0 0 0 1px var(--error-border)}.level.fatal{color:var(--fatal-ink);box-shadow:inset 0 0 0 1px var(--fatal-border)}mark{background:var(--mark);color:inherit;padding:0 1px;border-radius:2px}.empty{padding:var(--space-5);color:var(--muted)}@media(max-width:720px){.top,main{padding-inline:var(--space-3)}.range label{min-width:0;flex:1 1 160px}}@media(prefers-reduced-motion:reduce){.summary.live:before{box-shadow:none}.chevron,.tip{transition:none}}