:root{--bg:#0d1117;--bg-row:#161b22;--bg-hover:#1c2129;--line:#30363d;--text:#e6edf3;--muted:#9da7b3;--severe:#ff7b72;--issue:#f0b545;--noise:#8b949e;--ok:#3fb950;--accent:#79c0ff;--heat-1:#1f4a7a;--heat-2:#2b69aa;--heat-3:#58a6ff;--heat-4:#a5d6ff}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:12px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace}#root{height:100dvh;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}:focus-visible{outline:1px solid var(--accent);outline-offset:1px}header{padding:6px 10px;padding-top:max(6px, env(safe-area-inset-top));border-bottom:1px solid var(--line);white-space:nowrap;flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}.brand{font-weight:700}.muted{color:var(--muted)}.chips{gap:4px;display:inline-flex}.chip{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:3px;padding:0 6px}@media (hover:hover){.chip:hover{color:var(--text);border-color:var(--muted)}}.chip.on{color:var(--text);border-color:var(--accent)}.chip:disabled{color:var(--noise);border-color:var(--line);cursor:default}.working-dots{vertical-align:middle;grid-template-columns:repeat(3,3px);grid-auto-rows:3px;gap:2px;margin-left:6px;display:inline-grid}.working-dots span{background:var(--accent);opacity:.2;border-radius:50%;animation:1.2s linear infinite working-dot}.working-dots span:nth-child(2){animation-delay:.2s}.working-dots span:nth-child(3){animation-delay:.4s}.working-dots span:nth-child(6){animation-delay:.6s}.working-dots span:nth-child(5){animation-delay:.8s}.working-dots span:nth-child(4){animation-delay:1s}@keyframes working-dot{0%,10%{opacity:1}50%,to{opacity:.2}}.live{color:var(--ok)}.live.off{color:var(--severe)}.live.busy{color:var(--issue)}.live-pill{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.live-pill:disabled{cursor:default}.live-popover{z-index:10;border:1px solid var(--line);background:var(--bg-row);white-space:normal;border-radius:6px;flex-direction:column;gap:6px;width:min(460px,100vw - 16px);max-height:calc(100dvh - 60px);padding:8px 10px;animation:90ms ease-out row-menu-in;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000073}.live-popover h2{color:var(--accent);font-size:inherit;margin:0 0 2px;font-weight:700}.live-line{grid-template-columns:88px minmax(0,1fr) auto;column-gap:10px;display:grid}.live-detail{color:var(--muted);overflow-wrap:anywhere;grid-column:2/-1}.live-close{align-self:flex-end}.tone-ok{color:var(--ok)}.tone-busy{color:var(--issue)}.tone-severe{color:var(--severe)}.tone-quiet{color:var(--muted)}.clock{font-variant-numeric:tabular-nums}.spark{flex:none}.spark path{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round}.spark .area{fill:var(--accent);fill-opacity:.15;stroke:none}.badges{gap:6px;margin-left:auto;display:inline-flex}.badge{background:var(--issue);color:var(--bg);border-radius:3px;padding:0 6px;font-weight:700}.badge.severe{background:var(--severe)}.badge.quiet{background:var(--line);color:var(--text);font-weight:400}.panes{flex-direction:column;flex:auto;min-height:0;display:flex}.incidents{border-bottom:1px solid var(--line);flex:60%;min-height:0;overflow:auto;container:incidents/inline-size}.tail{flex:40%;min-height:0;overflow:auto;container:logs/inline-size}.pane-divider{display:none}@media (width>=1024px){.panes{grid-template-columns:minmax(400px, var(--left,1fr)) auto minmax(400px, var(--right,1fr));grid-template-rows:minmax(0,1fr);display:grid}.incidents{border-bottom:0}.pane-divider{background:var(--line);cursor:col-resize;touch-action:none;background-clip:padding-box;border-inline:4px solid #0000;width:9px;display:block}.pane-divider:hover,.pane-divider:focus-visible,.pane-divider.dragging{background-color:var(--accent);outline:none}}.history-controls{z-index:1;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex;position:sticky;top:0}.search{flex:220px;max-width:420px}.search input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;line-height:inherit;background:0 0;border-radius:3px;padding:0 6px}.search input:focus{border-color:var(--accent);outline:none}.search input::placeholder{color:var(--noise)}.row-menu{z-index:10;border:1px solid var(--line);background:var(--bg-row);border-radius:6px;flex-direction:column;min-width:200px;max-width:min(460px,100vw - 16px);padding:4px;animation:90ms ease-out row-menu-in;display:flex;position:fixed;box-shadow:0 8px 24px #00000073}@keyframes row-menu-in{0%{opacity:0;transform:translateY(-2px)}}.row-menu button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:baseline;gap:12px;padding:3px 8px;display:flex}.row-menu button:hover,.row-menu button:focus-visible{background:var(--bg-hover);outline:none}.row-menu-label{flex:none}.row-menu-detail{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.row-menu-rule{background:var(--line);height:1px;margin:4px 2px}.tail-entry.menu-target{background:var(--bg-hover)}mark{color:var(--text);background:#1f3a5f;border-radius:2px}.cutoff-panel{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.cutoff-panel input[type=range]{accent-color:var(--accent);flex:200px}.cutoff-value{font-variant-numeric:tabular-nums}.load-older{margin:8px 10px}.row{cursor:pointer;border-bottom:1px solid #1b2028;grid-template-columns:62px 44px 1fr auto auto auto;align-items:baseline;gap:8px;padding:3px 10px;display:grid}@media (hover:hover){.row:hover{background:var(--bg-hover)}}.row.acked{opacity:.6}.row .sev{font-weight:700}.row .count{text-align:right;font-variant-numeric:tabular-nums}.row .title{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;overflow:hidden}.row .route{color:var(--text)}.sev-severe{color:var(--severe)}.sev-issue{color:var(--issue)}.sev-noise{color:var(--noise)}.sub{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;grid-column:3/5;overflow:hidden}.sub .verdict,.sub .verdict>span+span{margin-left:2ch}.times{border-left:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/6/span 2;grid-template-columns:auto auto;align-self:center;column-gap:1ch;padding-left:8px;font-size:11px;line-height:14px;display:grid}.times>span:nth-child(2n){text-align:right}.times-label{color:var(--noise)}.heat-1{--heat:var(--heat-1)}.heat-2{--heat:var(--heat-2)}.heat-3{--heat:var(--heat-3)}.heat-4{--heat:var(--heat-4)}.cal-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0 8px 0 -3px;padding:1px 3px}@media (hover:hover){.cal-button:hover{box-shadow:inset 0 0 0 1px var(--line)}}.cal-week{gap:2px;display:inline-flex}.cal-week-day{background:var(--heat,transparent);width:3ch;color:var(--muted);text-align:center;border-radius:3px;font-size:11px;line-height:16px}.cal-week-day.heat-1,.cal-week-day.heat-2{color:var(--text)}.cal-week-day.heat-3,.cal-week-day.heat-4{color:var(--bg)}.cal-pop{z-index:10;border:1px solid var(--line);background:var(--bg-row);width:max-content;max-width:calc(100vw - 16px);color:var(--text);white-space:normal;cursor:default;border-radius:6px;max-height:calc(100dvh - 16px);padding:10px 12px;position:fixed;overflow:auto;box-shadow:0 8px 24px #00000073}.cal-pop:focus{outline:none}.cal-pop-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cal-pop-title{overflow-wrap:anywhere;max-width:40ch;font-weight:700}.cal-section{color:var(--muted);margin-top:10px}.cal-month{grid-template-columns:repeat(7,38px);gap:2px;margin-top:4px;display:grid}.cal-weekday{color:var(--muted);text-align:center}.cal-day{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:3px 0;display:flex}.cal-swatch{background:var(--heat,transparent);border-radius:2px;width:26px;height:10px}.cal-count{color:var(--text);font-variant-numeric:tabular-nums}.cal-count.none{color:var(--muted)}.cal-hours{grid-template-columns:auto repeat(24,11px);justify-content:start;align-items:center;gap:3px 2px;max-height:150px;margin-top:4px;display:grid;overflow-y:auto}.cal-hours-label{color:var(--muted);white-space:nowrap;padding-right:6px}.cal-hour{background:var(--heat,transparent);cursor:pointer;border:0;border-radius:2px;width:11px;height:14px;padding:0}.cal-week-day.heat-0,.cal-swatch.heat-0,.cal-hour.heat-0{box-shadow:inset 0 0 0 1px var(--line)}@media (hover:hover){.cal-day:hover,.cal-hour:hover{outline:1px solid var(--muted)}}.cal-day.selected,.cal-hour.selected{outline:1px solid var(--accent)}.cal-axis{background:var(--bg-row);color:var(--muted);position:sticky;bottom:0}.cal-readout{font-variant-numeric:tabular-nums;margin-top:8px}.cal-lines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:0;min-width:100%;max-height:200px;margin-top:6px;overflow-y:auto}.cal-lines .line{white-space:nowrap;grid-template-columns:9ch 5ch minmax(0,1fr);gap:8px;padding:1px 4px;display:grid}.cal-lines .msg{text-overflow:ellipsis;overflow:hidden}.cal-lines-head{border-bottom:1px solid var(--line);background:var(--bg-row);color:var(--muted);position:sticky;top:0}.cal-lines .sample-detail{margin:0 4px 6px}.cal-stats{grid-template-columns:auto 1fr;gap:0 12px;margin:8px 0 0;display:grid}.cal-stats dt{color:var(--muted)}.cal-stats dd{font-variant-numeric:tabular-nums;margin:0}.summary-error{overflow-wrap:anywhere;grid-column:3/-1}.actions{gap:4px;display:inline-flex}.who{color:var(--text);align-items:center;gap:4px;margin-left:6px;display:inline-flex}.avatar{object-fit:cover;border-radius:50%;flex:none;width:14px;height:14px}.avatar-initial{background:var(--line);color:var(--text);place-items:center;font-size:9px;line-height:1;display:inline-grid}.chip.ticket{color:var(--accent);text-decoration:none}.chip.ticket:hover{border-color:var(--accent)}.ack-form{flex-wrap:wrap;align-items:baseline;gap:4px;display:inline-flex}.ack-ticket{border:1px solid var(--accent);border-radius:3px;align-items:baseline;padding:0 4px;display:inline-flex}.ack-prefix{color:var(--muted)}.ack-ticket input{width:7ch;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:0}.samples{border-left:2px solid var(--line);color:var(--muted);white-space:pre-wrap;word-break:break-word;grid-column:1/-1;max-height:260px;margin:2px 0 4px 8px;padding-left:8px;overflow:auto}.samples .ts{color:var(--noise)}.sample-detail{border-bottom:1px solid var(--line);white-space:normal;overflow-wrap:anywhere;cursor:text;padding:8px 0}.sample-meta{color:var(--muted)}.request-origin{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.origin-label{cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.origin-ip,.origin-country{color:var(--text);font:inherit}.origin-location,.origin-owner{color:var(--muted);cursor:help}.country-flag{object-fit:contain;flex:none}.origin-credit{color:var(--muted);font-size:10px}.sample-message{color:var(--text);font:inherit;white-space:pre-wrap;margin:4px 0}.sample-fields{grid-template-columns:minmax(90px,max-content) minmax(0,1fr);gap:3px 12px;margin:6px 0 0;display:grid}.sample-fields dt{color:var(--muted)}.sample-fields dd{color:var(--text);white-space:pre-wrap;margin:0}.tail-entry summary{cursor:pointer;list-style:none}.tail-entry summary::-webkit-details-marker{display:none}.tail-entry[open]{background:var(--bg-hover)}@media (hover:hover){.tail-entry:hover{background:var(--bg-hover)}}.tail-actions{padding:0 10px 8px;display:none}.tail-entry>.sample-detail{margin:0 10px 6px}.env-label{color:var(--muted);text-align:right}.tail .line{white-space:nowrap;grid-template-columns:112px 44px 3ch 9ch minmax(0,1fr) auto;gap:8px;padding:1px 10px;display:grid;overflow:hidden}.tail .line .msg{scrollbar-width:none;overscroll-behavior-x:contain;overflow:auto hidden}.tail .line .msg::-webkit-scrollbar{display:none}.tail .line .lvl{font-weight:700}.tail.both-envs .line{grid-template-columns:112px 4ch 44px 3ch 9ch minmax(0,1fr) auto}.check{color:var(--muted)}.check-issue,.check-refused{color:var(--issue);font-weight:700}.check-severe{color:var(--severe);font-weight:700}.env-prod{color:var(--accent);font-weight:700}.env-dev{color:var(--muted)}.status-ok{color:var(--noise)}.status-client{color:var(--issue);font-weight:700}.status-server{color:var(--severe);font-weight:700}.lvl-error{color:var(--severe)}.lvl-warn{color:var(--issue)}.lvl-info,.lvl-raw,.lvl-debug{color:var(--noise)}.empty{color:var(--muted);padding:10px}@container incidents (width<=720px){.row{grid-template-columns:56px 40px minmax(0,1fr) auto}.row .env-label{display:none}.row .title{white-space:normal}.row .title-text{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sub{white-space:normal;grid-column:3}.times{grid-area:2/4;place-self:start end}.sub .verdict{margin-left:0;display:block}}@container incidents (width<=560px){.row .title{grid-column:3/-1}.sub{grid-area:2/1/auto/4}.actions{flex-wrap:wrap;grid-area:3/1/auto/-1}}@container logs (width<=480px){.tail .line{grid-template-columns:112px 44px 3ch minmax(0,1fr)}.tail.both-envs .line{grid-template-columns:112px 4ch 44px 3ch minmax(0,1fr)}.tail .line .msg{grid-column:1/-1}.tail .line .env-label{display:none}}@media (width<=720px){.badges{margin-left:0}}.spark-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:1px 2px;display:inline-flex}@media (hover:hover){.spark-button:hover{border-color:var(--muted)}}.spark-button.on{border-color:var(--accent)}.traffic{--viz-server:#d03b3b;--viz-client:#fab219;--viz-ok:#3987e5;--viz-other:#6e7681;--viz-latency:#9085e9;border-bottom:1px solid var(--line);flex:none;max-height:60vh;overflow:auto}.seg-server{fill:var(--viz-server);background:var(--viz-server)}.seg-client{fill:var(--viz-client);background:var(--viz-client)}.seg-ok{fill:var(--viz-ok);background:var(--viz-ok)}.seg-other{fill:var(--viz-other);background:var(--viz-other)}.traffic-legend{color:var(--muted);flex-wrap:wrap;gap:2px 14px;padding:6px 10px 0;display:flex}.traffic-legend>span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:2px;width:10px;height:10px}.key{border-radius:1px;flex:none;width:12px;height:2px;display:inline-block}.key-server{background:var(--viz-server)}.key-client{background:var(--viz-client)}.key-ok{background:var(--viz-ok)}.key-other{background:var(--viz-other)}.key-latency{background:var(--viz-latency)}.traffic-chart{padding:4px 0;transition:opacity .12s;position:relative}.traffic-chart.loading,.traffic-breakdown.loading{opacity:.6}.traffic-chart svg{cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:block}.traffic-chart svg:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.traffic-chart .grid{stroke:var(--line);stroke-width:1px;shape-rendering:crispedges}.traffic-chart .axis-label{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.traffic-chart .column.filling{opacity:.55}.traffic-chart .hover-band{fill:var(--bg-hover)}.traffic-chart .brush{fill:var(--accent);fill-opacity:.12}.traffic-chart .brush-edges line{stroke:var(--accent);stroke-width:1px;shape-rendering:crispedges}.traffic-chart .latency{fill:none;stroke:var(--viz-latency);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.traffic-chart .latency-dot{fill:var(--viz-latency);stroke:var(--bg);stroke-width:2px}.traffic-chart .marker{stroke:var(--bg);stroke-width:2px}.traffic-chart .marker-severe{fill:var(--severe)}.traffic-chart .marker-issue{fill:var(--issue)}.traffic-tip{z-index:2;border:1px solid var(--line);width:max-content;max-width:min(240px,100%);color:var(--muted);background:var(--bg-row);pointer-events:none;border-radius:6px;padding:6px 8px;position:absolute;top:8px;box-shadow:0 8px 24px #00000073}.traffic-tip strong,.traffic-summary strong{color:var(--text)}.tip-row{align-items:center;gap:6px;display:flex}.tip-marker{overflow-wrap:anywhere;margin-top:4px}.traffic-breakdown{padding:4px 10px 10px;transition:opacity .12s}.traffic-summary{color:var(--muted);flex-wrap:wrap;gap:2px 16px;padding:4px 0 8px;display:flex}.traffic-columns{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=720px){.traffic-columns{grid-template-columns:minmax(0,1fr)}}.traffic-routes,.traffic-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.traffic-routes th,.traffic-table th{border-bottom:1px solid var(--line);color:var(--muted);text-align:right;white-space:nowrap;padding:2px 8px;font-weight:400}.traffic-routes td,.traffic-table td{text-align:right;white-space:nowrap;padding:1px 8px}.traffic-routes th:first-child,.traffic-routes td:first-child,.traffic-table th:first-child,.traffic-table td:first-child{text-align:left;padding-left:0}.traffic-routes td.route{text-overflow:ellipsis;width:100%;max-width:0;overflow:hidden}.traffic-routes .lift{color:var(--muted)}.traffic-routes .lift.notable{color:var(--text);font-weight:700}.traffic-routes .sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.traffic-routes .sort:hover{color:var(--text)}.traffic-side{flex-direction:column;gap:6px;display:flex}.traffic-counts{flex-wrap:wrap;gap:0 10px;display:flex}.traffic-counts .muted{flex-basis:100%}.traffic-table{border:1px solid var(--line);border-radius:3px;max-height:240px;margin:0 10px 10px;padding:0 8px;overflow:auto}.traffic-table th{background:var(--bg);position:sticky;top:0}.gate{text-align:center;place-items:center;gap:16px;min-height:100vh;padding:16px;display:grid}.account{margin-left:auto;display:inline-flex}.badges~.account{margin-left:0}.tab-bar{border-top:1px solid var(--line);background:var(--bg);padding-bottom:env(safe-area-inset-bottom);flex:none;display:none}.tab{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-top:2px solid #0000;flex:1 1 0}.tab.on{border-top-color:var(--accent);color:var(--text);font-weight:700}@media (pointer:coarse){button,summary,a{touch-action:manipulation}.chip{padding:5px 8px}.search input{padding:5px 6px;font-size:16px}.ack-ticket input{font-size:16px}.row{padding-block:8px}.actions{gap:8px}.tail .line{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;padding-block:8px}.tail-actions{display:block}.row-menu button{padding:10px 12px}.cal-button,.cal-day{padding-block:6px}.live-pill{padding:6px 4px}.spark-button{padding:6px 2px}.pane-divider{z-index:2;position:relative}.pane-divider:before{content:"";position:absolute;inset:0 -14px}}@media (width<=719px),(height<=500px) and (width<=1023px){.wide-only{display:none}.badges{white-space:normal;flex-wrap:wrap;flex-basis:100%}.badges:empty{display:none}.tab-bar{display:flex}.panes[data-pane=problems] .tail,.panes[data-pane=logs] .incidents{display:none}.incidents{border-bottom:0}.panes .history-controls{position:static}.period-bar>span.muted:first-child{display:none}.period-bar .chip{padding-inline:6px}.traffic{max-height:45dvh}.tail .search{flex-basis:100%;max-width:none}#root{position:relative}.cal-pop.sheet{width:auto;max-width:none;max-height:85dvh;padding-bottom:max(10px, env(safe-area-inset-bottom));border-radius:12px 12px 0 0;position:absolute;inset:auto 0 0}.cal-pop.sheet .cal-pop-title{max-width:none}.cal-pop.sheet .cal-month{grid-template-columns:repeat(7,minmax(0,1fr))}.cal-pop.sheet .cal-hours{grid-template-columns:auto repeat(24,minmax(0,1fr));max-height:200px}.cal-pop.sheet .cal-hour{width:auto;height:20px}}