:root{color-scheme:light dark;--bg:#111517;--surface:#171c1f;--surface-hover:#20272b;--text:#d5dddf;--muted:#859397;--faint:#536167;--border:#2a3337;--accent:#8dd9b5;--accent-ink:#10281e;--accent-dim:#1e332a;--warning:#deb575;--error:#ec9595;--mono:"Tail Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}@media (prefers-color-scheme:light){:root{--bg:#fafbfa;--surface:#f0f3f1;--surface-hover:#e6ece8;--text:#263731;--muted:#65786f;--faint:#85958c;--border:#d7dfda;--accent:#236e4d;--accent-ink:#fff;--accent-dim:#e4f0e8;--warning:#94651c;--error:#b84343}}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;transition:background .12s,color .12s;display:inline-flex}button:hover:not(:disabled){background:var(--surface-hover)}button:disabled{cursor:not-allowed;opacity:.4}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}button.small{padding:6px 10px;font-size:12px}button.icon-button,button.text-button{color:var(--muted);background:0 0;border-color:#0000}button.icon-button:hover:not(:disabled),button.text-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}button.text-button{padding:5px 7px;font-size:12px}button.icon-button{flex-shrink:0;width:30px;height:30px;padding:6px}svg{flex-shrink:0}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:5px;min-width:0}input{font-family:var(--mono);padding:10px 11px}input::placeholder{color:var(--faint)}select{padding:5px 22px 5px 7px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:600}h3{font-size:12px;font-weight:550}code,kbd,pre{font-family:var(--mono)}kbd{border:1px solid var(--border);border-radius:3px;justify-content:center;align-items:center;min-width:19px;padding:1px 4px;font-size:10px;font-weight:400;line-height:16px;display:inline-flex}.eyebrow,.muted,kbd{color:var(--muted)}.eyebrow{letter-spacing:1.6px;font-size:10px;font-weight:600}.separator{background:var(--border);width:1px;height:15px;margin:0 6px}.status-dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.green{background:var(--accent)}.status-dot.amber{background:var(--warning)}.is-live{color:var(--accent)!important}.is-paused{color:var(--warning)!important}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;height:65px;min-height:65px;padding:0 27px}.app-header,.brand{align-items:center;display:flex}.brand{gap:10px}.brand strong{letter-spacing:-1.2px;margin-top:-3px;font-size:26px;font-weight:650}.brand-icon{background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.brand-icon,.brand-period{color:var(--accent)}.brand-divider{background:var(--border);width:1px;height:18px;margin:0 3px 0 8px}.brand-subtitle{color:var(--muted);font-size:12px}.header-right{align-items:center;gap:25px;display:flex}.header-tag{color:var(--faint);letter-spacing:1.7px;font-size:9px;font-weight:600}.connection-bar{justify-content:space-between;align-items:center;gap:15px;min-height:46px;padding:5px 26px;display:flex}.connection-actions,.connection-main{align-items:center;gap:7px;min-width:0;display:flex}.endpoint-button{font-family:var(--mono);text-overflow:ellipsis;background:0 0;border:0;max-width:45vw;padding:4px 5px;font-size:12px;overflow:hidden}.connection-status{border-left:1px solid var(--border);margin-left:3px;padding-left:9px;font-size:10px}.connection-status,.history-label{color:var(--muted);white-space:nowrap}.history-label{margin-right:4px;font-size:11px}.history-label b{color:var(--text);font-family:var(--mono);margin-left:5px;font-weight:400}.query-area{border-bottom:1px solid var(--border);padding:0 26px 15px}.query-form{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:5px;display:flex}.query-form:focus-within{border-color:color-mix(in srgb,var(--accent) 70%,var(--border))}.query-form input{color:var(--accent);background:0 0;border:0;outline:none;flex:1;padding:7px 3px;font-size:13px}.query-label{border-right:1px solid var(--border);color:var(--muted);letter-spacing:.6px;padding:0 14px 0 9px;font-size:10px}.query-prompt{color:var(--accent);padding-left:8px}.query-shortcut{margin-right:3px}.apply-button{padding:7px 13px;font-size:12px}.apply-button span{opacity:.65;margin-left:12px}.query-hint{color:var(--muted);justify-content:space-between;gap:12px;padding:9px 1px 0;font-size:10px;line-height:16px;display:flex}.query-hint code{color:var(--text);font-size:10px}.stream-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:49px;padding:6px 22px 6px 27px;display:flex}.stream-controls,.stream-title{align-items:center;gap:9px;display:flex}.stream-title{color:var(--muted)}.stream-title h2{color:var(--text);font-size:12px}.count-pill{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);border-radius:4px;padding:0 6px;font-size:10px;line-height:19px}.follow-control{background:0 0;border:0;padding:5px;font-size:11px}.scrollback-control{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.scrollback-control select{color:var(--text);font-family:var(--mono);background:0 0;border-color:#0000;padding:4px}.stream-layout{min-height:0}.stream-layout,.stream-section{flex:1;display:flex;position:relative}.stream-section{flex-direction:column;min-width:0}.column-head,.log-row{grid-template-columns:46px 121px 73px 158px minmax(0,1fr) 25px;align-items:center;gap:10px;padding:0 14px 0 8px;display:grid}.column-head{background:var(--surface);border-block:1px solid var(--border);color:var(--muted);letter-spacing:.7px;text-transform:uppercase;flex-shrink:0;height:31px;font-size:10px}.column-head span:first-child{text-align:right;padding-right:6px}.column-head small{color:var(--faint);margin-left:5px;font-size:8px}.log-viewport{outline-offset:-2px;overflow-anchor:none;overscroll-behavior:contain;scrollbar-color:var(--border) transparent;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.log-spacer{position:relative}.log-row{border-bottom:1px solid color-mix(in srgb,var(--border) 42%,transparent);cursor:pointer;font-family:var(--mono);width:100%;font-size:11px;line-height:15px;position:absolute}.log-row:nth-child(2n){background:color-mix(in srgb,var(--surface) 25%,transparent)}.log-row.active,.log-row:hover{background:var(--surface-hover)}.log-row.selected{background:var(--accent-dim);box-shadow:inset 2px 0 var(--accent)}.log-row>svg{color:var(--faint);opacity:0}.log-row.selected>svg,.log-row:hover>svg{opacity:1}.line-number{color:var(--faint);text-align:right;padding-right:6px;font-size:9px;overflow:hidden}.log-time{color:var(--muted);font-variant-numeric:tabular-nums;overflow:hidden}.log-source{color:color-mix(in srgb,var(--text) 80%,var(--muted));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-message{white-space:pre-wrap;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-height:30px;display:-webkit-box;overflow:hidden}.severity{color:var(--muted);font-family:var(--mono);letter-spacing:.25px;border-radius:3px;padding:0 5px;font-size:9px;line-height:18px;display:inline-block}.severity-debug{color:#819ec5}.severity-trace{color:var(--faint)}.severity-warn{background:color-mix(in srgb,var(--warning) 9%,transparent);color:var(--warning)}.severity-error,.severity-fatal{background:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error)}.severity-fatal{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--error) 35%,transparent)}.empty-stream{background-image:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 3%,transparent),transparent 60%);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:310px;padding:25px;display:flex}.empty-stream h1{letter-spacing:-.7px;margin:16px 0 12px;font-size:calc(clamp(21px,2.2vw,29px));font-weight:500}.empty-stream p{color:var(--muted);max-width:395px;font-size:12px;line-height:21px}.empty-mark{background:var(--surface);border:1px solid var(--border);color:var(--accent);border-radius:9px;align-items:center;gap:5px;margin-bottom:28px;padding:12px 16px;display:flex;transform:rotate(-3deg)}.cursor{background:var(--accent);opacity:.45;width:7px;height:19px}.empty-actions{align-items:center;gap:13px;margin-top:25px;display:flex}.empty-actions button{font-size:12px}.empty-features{color:var(--faint);align-items:center;gap:23px;margin-top:45px;font-size:10px;display:flex}.empty-features span{align-items:center;gap:6px;display:flex}.empty-features i{background:var(--muted);border-radius:50%;width:3px;height:3px}.follow-banner{background:var(--surface);border:1px solid var(--border);white-space:nowrap;z-index:1;border-radius:6px;align-items:center;gap:20px;padding:6px 7px 6px 14px;font-size:11px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0003}.follow-banner>span{align-items:center;gap:7px;display:flex}.follow-banner kbd{color:inherit;opacity:.6;border-color:currentColor;line-height:13px}.status-bar{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);font-family:var(--mono);flex-shrink:0;justify-content:space-between;align-items:center;height:31px;padding:0 24px;font-size:9px;display:flex}.status-bar>div{align-items:center;gap:9px;display:flex}.status-bar button.text-button{padding:2px;font-family:inherit;font-size:9px}.status-bar .status-dot{width:5px;height:5px}.footer-divider{color:var(--faint)}.diagnostic{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;max-height:95px;padding:8px 26px;font-size:11px;line-height:17px;display:flex;overflow:auto}.diagnostic>span{overflow-wrap:anywhere;white-space:pre-wrap;flex:1}.diagnostic.error{background:color-mix(in srgb,var(--error) 5%,var(--bg));color:var(--error)}.diagnostic.warning{color:var(--warning)}.details{background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;width:405px;max-width:43vw;display:flex}.details-heading{justify-content:space-between;align-items:center;padding:19px 17px 13px 20px;display:flex}.details-heading h2{margin-top:6px;font-size:17px}.detail-summary{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:0 20px 17px;display:flex}.detail-summary strong{font:11px var(--mono);text-overflow:ellipsis;overflow:hidden}.details-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:0 20px 20px;overflow:auto}.field-heading{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.field-heading h3{color:var(--muted)}.field-heading .text-button{font-size:10px}.message-detail{border-bottom:1px solid var(--border);padding-bottom:17px}.message-detail pre{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:11px;line-height:19px}.fields{margin:0}.fields>div{border-bottom:1px solid var(--border);padding:7px 0 12px}.fields dt{color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere;justify-content:space-between;align-items:center;font-size:10px;display:flex}.fields dt button{opacity:.35;width:23px;height:23px}.fields>div:hover button{opacity:1}.fields dd{font:11px/17px var(--mono);overflow-wrap:anywhere;white-space:pre-wrap;margin:4px 0 0}.fields .known-field dt{color:color-mix(in srgb,var(--accent) 65%,var(--muted))}.details-foot{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:5px;padding:4px 14px;font-size:10px;display:flex}.modal{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;width:calc(min(520px,100vw - 28px));max-height:calc(100dvh - 32px);padding:0;box-shadow:0 20px 80px #0005}.modal::backdrop{backdrop-filter:blur(3px);background:#05090c99}.modal-inner{padding:24px}.modal-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.modal-heading h2{font-size:18px;font-weight:500}.modal-intro{color:var(--muted);margin-bottom:24px;font-size:12px;line-height:20px}.form-field{flex-direction:column;gap:8px;margin-bottom:20px;font-size:12px;display:flex}.form-field small{color:var(--muted);font-size:10px;line-height:16px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.advanced{border-top:1px solid var(--border);padding-top:13px}.advanced summary{color:var(--muted);margin-bottom:20px;font-size:11px}.form-error{color:var(--error);margin:10px 0;font-size:12px;line-height:19px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;margin-top:20px;padding-top:18px;display:flex}.shortcuts{margin:0}.shortcuts>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.shortcuts dd{color:var(--muted);margin:0;font-size:11px}.help-notes{margin-top:24px}.help-notes h3{margin-bottom:8px}.help-notes p{color:var(--muted);margin-bottom:10px;font-size:11px;line-height:18px}.toast{background:var(--surface-hover);border:1px solid var(--border);z-index:3;border-radius:6px;align-items:center;gap:10px;max-width:calc(100vw - 30px);padding:9px 10px 9px 15px;font-size:12px;display:flex;position:fixed;bottom:45px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0004}.toast>svg{color:var(--accent)}@media (width<=1000px){.header-tag{display:none}.column-head,.log-row{grid-template-columns:32px 110px 60px 125px minmax(0,1fr) 12px;gap:7px}.stream-layout:has(.details) .column-head,.stream-layout:has(.details) .log-row{grid-template-columns:100px 48px minmax(0,1fr)}.stream-layout:has(.details) .column-head>:first-child,.stream-layout:has(.details) .column-head>:nth-child(4),.stream-layout:has(.details) .column-head>:nth-child(6),.stream-layout:has(.details) .log-row>:first-child,.stream-layout:has(.details) .log-row>:nth-child(4),.stream-layout:has(.details) .log-row>:nth-child(6){display:none}.details{width:360px}}@media (width<=700px){.app-header{height:54px;min-height:54px;padding-inline:14px}.connection-bar{min-height:44px;padding-inline:14px}.connection-main{gap:3px}.brand-divider,.brand-subtitle,.connection-status,.desktop-only,.history-label,.query-hint>:last-child,.query-shortcut{display:none}.query-area{padding:0 12px 10px}.query-label{padding:0 7px;font-size:9px}.query-prompt{padding-left:3px}.query-hint{font-size:9px}.query-hint>:first-child{display:block}.apply-button{padding:7px 9px}.apply-button span{display:none}.stream-toolbar{min-height:44px;padding:5px 10px 5px 14px}.stream-controls{gap:4px}.stream-controls .separator{margin-inline:1px}.scrollback-control,.stream-controls .text-button{gap:0;font-size:0}.scrollback-control select{font-size:10px}.stream-title{gap:5px}.stream-title>svg{display:none}.follow-control{gap:4px;font-size:10px}.column-head,.log-row{grid-template-columns:85px 47px 86px minmax(0,1fr);gap:5px;padding-inline:10px}.column-head>:first-child,.column-head>:nth-child(6),.log-row>:first-child,.log-row>:nth-child(6){display:none}.log-row{font-size:10px}.severity{padding-inline:3px;font-size:8px}.column-head,.log-time{font-size:9px}.column-head small{display:none}.details{z-index:2;border-left:0;width:100%;max-width:none;position:absolute;inset:0}.status-bar{padding-inline:12px;font-size:8px}.status-bar>div{gap:5px}.status-bar .evicted,.status-bar .footer-divider{display:none}.empty-stream{min-height:330px;padding:18px}.empty-features{gap:14px;margin-top:35px;font-size:9px}.empty-mark{margin-bottom:20px}.follow-banner{justify-content:space-between;gap:7px;width:calc(100% - 24px);padding-left:10px;font-size:10px;bottom:12px}.follow-banner>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.follow-banner>span .status-dot{margin-right:5px}.follow-banner kbd{display:none}.diagnostic{padding-inline:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.malformed-details{flex-shrink:0;max-width:50%;font-size:10px}.malformed-details pre{overflow-wrap:anywhere;white-space:pre-wrap;max-width:450px;max-height:55px;margin:5px 0 0;overflow:auto}#_container_f0al1_1{min-height:100dvh}