.cs{flex-direction:column;min-height:100dvh;display:flex}.cs-top{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000db;align-items:center;gap:.85rem;padding:.6rem clamp(.85rem,2vw,1.4rem);display:flex;position:sticky;top:0}.cs-brand-mark{width:104px;color:var(--fg);display:block}.cs-brand-mark svg{width:100%;height:auto;display:block}.cs-top-sep{background:var(--line-2);width:1px;height:16px}.cs-top-title{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);font-size:10.5px}.cs-top-right{align-items:center;gap:.9rem;margin-left:auto;display:flex}.cs-conn{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--line);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease);background:0 0;align-items:center;gap:.5rem;margin-left:auto;padding:.35rem .6rem;font-size:10px;display:inline-flex}.cs-conn i{background:var(--fg-4);flex:none;width:6px;height:6px}.cs-conn:hover{border-color:var(--line-3);color:var(--fg-2)}.cs-conn.is-live i{background:var(--low)}.cs-conn.is-checking i{background:var(--med);animation:1.4s infinite ct-pulse}.cs-conn.is-sample{color:var(--med);border-color:#f0c04c4d}.cs-conn.is-sample i{background:var(--med)}.cs-health{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:.45rem;font-size:10px;display:inline-flex}.cs-health i{background:var(--fg-4);width:6px;height:6px}.cs-health.is-up i{background:var(--low)}.cs-health.is-down i{background:var(--crit)}.cs-health.is-checking i{background:var(--med);animation:1.4s infinite ct-pulse}.cs-top-base{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-4);font-size:10px}@media (max-width:560px){.cs-top-base,.cs-top-title,.cs-top-sep{display:none}.cs-brand-mark{width:88px}.cs-conn{letter-spacing:.08em;padding:.35rem .45rem}}.cs-body{flex:1;grid-template-columns:218px minmax(0,1fr);min-height:0;display:grid}.cs-rail{border-right:1px solid var(--line);flex-direction:column;align-content:start;gap:.15rem;padding:1.1rem .75rem;display:flex}.cs-rail-label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-4);padding:0 .55rem .6rem;font-size:9.5px}.cs-rail-link{transition:background .16s var(--ease), border-color .16s var(--ease);border:1px solid #0000;flex-direction:column;gap:.15rem;padding:.55rem .6rem;display:flex}.cs-rail-link:hover{background:#ffffff08}.cs-rail-link.is-active{background:var(--ink-2);border-color:var(--line)}.cs-rail-name{color:var(--fg-2);font-size:13px}.cs-rail-link.is-active .cs-rail-name{color:var(--fg)}.cs-rail-route{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-4);font-size:9.5px}.cs-rail-link.is-active .cs-rail-route{color:var(--sig)}.cs-main{flex-direction:column;gap:1rem;min-width:0;padding:clamp(1.1rem,2.2vw,1.9rem);display:flex}@media (max-width:620px){.cs-query{gap:.5rem}.cs-field{flex:100%}.cs-query-note{text-align:left;flex:100%}.cs-run{flex:100%;justify-content:center}.cs-canvas{height:clamp(280px,46vh,420px)}}@media (max-width:900px){.cs-body{grid-template-columns:minmax(0,1fr)}.cs-rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;gap:.4rem;padding:.6rem .75rem;overflow-x:auto}.cs-rail-label{display:none}.cs-rail-link{white-space:nowrap}}.cs-pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;display:flex}.cs-h1{font-family:var(--font-schibsted), sans-serif;letter-spacing:-.03em;margin-top:.7rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:400;line-height:1.06}.cs-lede{color:var(--fg-2);max-width:68ch;margin-top:.5rem;font-size:13.5px}.cs-panel{border:1px solid var(--line);background:var(--ink-1);min-width:0;position:relative}.cs-panel-head{border-bottom:1px solid var(--line);font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .85rem;font-size:10px;display:flex}.cs-panel-meta{color:var(--fg-4);text-transform:none;letter-spacing:.06em}.cs-panel-body{padding:.9rem}.cs-grid{gap:1rem;display:grid}.cs-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-grid-main{grid-template-columns:minmax(0,1fr) 330px;align-items:start}@media (max-width:1120px){.cs-grid-main,.cs-grid-2,.cs-grid-3{grid-template-columns:minmax(0,1fr)}}.cs-source{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.08em;color:var(--fg-3);border:1px solid var(--line);align-items:center;gap:.5rem;width:max-content;max-width:100%;padding:.4rem .6rem;font-size:10px;display:inline-flex}.cs-source .cs-dot{background:var(--low);flex:none;width:6px;height:6px}.cs-source.is-sample{color:var(--med);background:#f0c04c0d;border-color:#f0c04c52}.cs-source.is-sample .cs-dot{background:var(--med)}.cs-dot-pulse{animation:1.2s infinite ct-pulse}.cs-mini-btn{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.1em;color:var(--fg-3);border:1px solid var(--line-2);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease);background:0 0;padding:.2rem .45rem;font-size:10px}.cs-mini-btn:hover{color:var(--sig);border-color:var(--sig)}.cs-query{border:1px solid var(--line);background:var(--ink-1);flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.8rem;display:flex}.cs-field{flex-direction:column;flex:180px;gap:.35rem;min-width:0;display:flex}.cs-field>span{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-4);font-size:9.5px}.cs-field input{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg);background:var(--ink);border:1px solid var(--line-2);width:100%;min-width:0;padding:.55rem .6rem;font-size:12.5px}.cs-field input:focus{border-color:var(--sig);outline:none}.cs-field input::placeholder{color:var(--fg-4)}.cs-run{flex:none;padding:.6rem .9rem}.cs-query-note{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-4);text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;font-size:10px;overflow:hidden}.cs-jump{border:1px solid var(--line);font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-2);transition:color .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem;font-size:11px;display:flex}.cs-jump:hover{color:var(--sig);border-color:var(--sig);background:#ff5a260d}.cs-dial{flex:none;align-items:center;gap:.3rem;display:flex}.cs-dial-label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-4);margin-right:.3rem;font-size:9.5px}.cs-dial-btn{font-family:var(--font-jetbrains-mono), monospace;width:30px;height:32px;color:var(--fg-3);background:var(--ink);border:1px solid var(--line-2);cursor:pointer;transition:color .16s var(--ease), background .16s var(--ease), border-color .16s var(--ease);font-size:11.5px}.cs-dial-btn:hover{color:var(--fg)}.cs-dial-wide{width:auto;padding-inline:.5rem}.cs-dial-btn.is-on{color:var(--sig-ink);background:var(--sig);border-color:var(--sig)}.cs-canvas{background:radial-gradient(circle at 50% 46%, #ff5a2612, transparent 62%), var(--ink);cursor:grab;touch-action:none;width:100%;height:clamp(320px,56vh,640px);position:relative}.cs-canvas:active{cursor:grabbing}.cs-canvas canvas{display:block}.cs-tip{pointer-events:none;border:1px solid var(--line-2);font-family:var(--font-jetbrains-mono), monospace;white-space:nowrap;background:#000000e0;flex-direction:column;gap:.1rem;padding:.3rem .45rem;line-height:1.35;display:flex;transform:translateY(-2.2em)}.cs-tip b{color:var(--fg);font-size:12px;font-weight:500}.cs-tip span{color:var(--fg-3);font-size:10.5px}.cs-tip-pin{border-color:var(--sig);transform:translateY(-3.2em)}.cs-legend{border-top:1px solid var(--line);font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-3);flex-wrap:wrap;gap:.5rem 1rem;padding:.6rem .85rem;font-size:10px;display:flex}.cs-legend-item{align-items:center;gap:.4rem;display:inline-flex}.cs-legend-item i{border-radius:50%;width:8px;height:8px;display:block}.cs-hintbar{border-top:1px solid var(--line);font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-4);flex-wrap:wrap;gap:.4rem 1.2rem;padding:.55rem .85rem;font-size:10px;display:flex}.cs-table-wrap{overflow-x:auto}.cs-table{border-collapse:collapse;width:100%;font-family:var(--font-jetbrains-mono), monospace;font-size:11.5px}.cs-table th{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--ink-1);padding:.5rem .7rem;font-size:9.5px;font-weight:500;position:sticky;top:0}.cs-table td{color:var(--fg-2);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:.5rem .7rem}.cs-table tbody tr:last-child td{border-bottom:0}.cs-table tr.is-clickable{cursor:pointer}.cs-table tr.is-clickable:hover td{color:var(--fg);background:#ffffff08}.cs-table tr.is-active td{color:var(--fg);background:#ff5a2612}.cs-empty{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-4);text-align:center;padding:1.25rem .25rem;font-size:11.5px}.cs-sev,.cs-env{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.1em;white-space:nowrap;border:1px solid;padding:.15rem .38rem;font-size:9.5px}.cs-sev-CRITICAL{color:var(--crit)}.cs-sev-HIGH{color:var(--high)}.cs-sev-MEDIUM{color:var(--med)}.cs-sev-LOW{color:var(--low)}.cs-env{border-color:var(--line-2);color:var(--fg-3);text-transform:uppercase}.cs-env-production{color:var(--sig);border-color:#ff5a2666}.cs-pop{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--fg-3);border:1px solid;padding:.15rem .38rem;font-size:9.5px}.cs-pop-high{color:var(--crit)}.cs-pop-medium{color:var(--high)}.cs-pop-low{color:var(--med)}.cs-stats{border:1px solid var(--line);background:var(--ink-1);grid-template-columns:repeat(auto-fit,minmax(148px,1fr));display:grid}.cs-stat{border-right:1px solid var(--line);flex-direction:column;gap:.25rem;min-width:0;padding:.85rem 1rem;display:flex}.cs-stat:last-child{border-right:0}.cs-stat-label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);font-size:9.5px}.cs-stat-value{font-family:var(--font-schibsted), sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.65rem;line-height:1.1}.cs-stat-value.is-hot{color:var(--sig)}.cs-stat-hint{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-3);font-size:10px}.cs-gauge{flex-direction:column;align-items:center;gap:.35rem;padding:.5rem 0 .9rem;display:flex}.cs-gauge svg{width:min(220px,100%);height:auto;display:block}.cs-gauge-read{font-family:var(--font-schibsted), sans-serif;align-items:baseline;gap:.2rem;margin-top:-2.4rem;display:flex}.cs-gauge-read b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:400}.cs-gauge-read span{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-4);font-size:11px}.cs-key{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-2);word-break:break-all;font-size:11.5px}.cs-key em{color:var(--sig);font-style:normal}.cs-reasons{flex-wrap:wrap;gap:.3rem;list-style:none;display:flex}.cs-reasons li{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-3);border:1px solid var(--line);padding:.15rem .4rem;font-size:10px}.cs-chain{border-bottom:1px solid var(--line);padding:.9rem}.cs-chain:last-child{border-bottom:0}.cs-chain-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.7rem;display:flex}.cs-chain-name{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg);font-size:12.5px}.cs-chain-hops{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-4);margin-left:auto;font-size:10px}.cs-hopline{flex-wrap:wrap;align-items:stretch;gap:0;display:flex}.cs-hop{font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-2);border:1px solid var(--line);background:var(--ink-2);white-space:nowrap;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:11px;display:flex}.cs-hop i{background:var(--fg-4);flex:none;width:5px;height:5px}.cs-hop.is-target{color:var(--fg);border-color:#ff5a2673}.cs-hop.is-target i{background:var(--sig)}.cs-hop-arrow{color:var(--fg-4);font-family:var(--font-jetbrains-mono), monospace;align-items:center;padding:0 .35rem;font-size:11px;display:flex}.cs-raw{border-top:1px solid var(--line);padding:.6rem .85rem}.cs-raw pre{max-height:320px;font-family:var(--font-jetbrains-mono), monospace;color:var(--fg-3);background:var(--ink);border:1px solid var(--line);margin-top:.6rem;padding:.7rem;font-size:10.5px;line-height:1.7;overflow:auto}.cs-kv{font-family:var(--font-jetbrains-mono), monospace;grid-template-columns:max-content minmax(0,1fr);gap:.3rem .9rem;font-size:11px;display:grid}.cs-kv dt{color:var(--fg-4);text-transform:uppercase;letter-spacing:.1em;padding-top:.15rem;font-size:9.5px}.cs-kv dd{color:var(--fg-2);word-break:break-word;min-width:0}.cs-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.cs-card{border:1px solid var(--line);background:var(--ink-1);min-height:168px;transition:border-color .18s var(--ease), background .18s var(--ease);flex-direction:column;gap:.5rem;padding:1.1rem;display:flex;position:relative}a.cs-card:hover{border-color:var(--line-3);background:var(--ink-2)}.cs-card-route{font-family:var(--font-jetbrains-mono), monospace;color:var(--sig);font-size:10px}.cs-card h3{font-family:var(--font-schibsted), sans-serif;letter-spacing:-.01em;font-size:1rem;font-weight:500}.cs-card p{color:var(--fg-2);font-size:13px}.cs-card-go{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:.5rem;margin-top:auto;font-size:10px;display:flex}a.cs-card:hover .cs-card-go{color:var(--sig)}
