[data-tone=operational]{--tone:var(--live)}[data-tone=degraded]{--tone:var(--caution)}[data-tone=down]{--tone:var(--danger)}[data-tone=unknown],[data-tone=resolved]{--tone:var(--ink-3)}.st-frame{isolation:isolate;padding:clamp(40px, 6vw, 72px) var(--gutter) clamp(88px, 10vw, 140px);position:relative;overflow:hidden}.st{gap:24px;max-width:680px;margin-inline:auto;display:grid}.st-muted{color:var(--ink-3)}.st-icon{flex:none}.st-loading{color:var(--ink-3);place-items:center;display:inline-grid}.st-icon circle{fill:var(--tone)}.st-icon path{fill:none;stroke:var(--surface);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.st-banner{border-radius:var(--r-window);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--tone) 38%, var(--line)), var(--shadow-xs);overflow:hidden}.st-banner header{background:color-mix(in srgb, var(--tone) 12%, var(--surface));align-items:center;gap:10px;padding:14px 16px;display:flex}.st-banner h1{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.3}.st-banner-body{color:var(--ink-2);gap:12px;padding:14px 16px 16px;font-size:14.5px;display:grid}.st-open{gap:2px;display:grid}.st-open b{color:var(--ink);font-weight:600}.st-open .st-muted{font-size:12.5px}.st-panel{border-radius:var(--r-window);background:var(--surface);box-shadow:var(--shadow-card)}.st-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.st-panel-head h2{font-size:15px;font-weight:600}.st-panel-head>span{color:var(--ink-3);font-size:12.5px}.st-range-short{display:none}.st-row{padding:14px 16px 16px}.st-row+.st-row{border-top:1px solid var(--line)}.st-row-flat{padding-bottom:14px}.st-row-head{align-items:center;gap:8px;min-width:0;font-size:14.5px;display:flex}.st-name{font-weight:560}.st-sub{color:var(--ink-3);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:12.5px}.st-right{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:13px}.st-toggle{border-radius:var(--r-chip);color:var(--ink-3);cursor:pointer;transition:color .15s var(--ease), background-color .15s var(--ease);align-items:center;gap:2px;margin-left:4px;padding:2px 4px;font-size:13px;display:inline-flex}.st-toggle:hover{color:var(--ink);background:var(--inset)}.st-toggle path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.st-toggle svg{transition:transform .18s var(--ease)}.st-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.st-bars-wrap{margin-top:10px;position:relative}.st-bars{gap:2px;height:22px;margin:0;padding:0;list-style:none;display:flex}.st-bars li{background:var(--line);min-width:0;transition:opacity .14s var(--ease);border-radius:1.5px;flex:1 1 0}.st-bars li[data-tone=good]{background:var(--live)}.st-bars li[data-tone=warn]{background:var(--caution)}.st-bars li[data-tone=bad]{background:var(--danger)}.st-bars:hover li:not([data-active]){opacity:.45}.st-bars li:focus-visible{outline-offset:2px}.st-tip{z-index:2;border-radius:var(--r-control);background:var(--surface);width:max-content;max-width:240px;box-shadow:var(--shadow-overlay);color:var(--ink-2);pointer-events:none;gap:1px;padding:8px 10px;font-size:12.5px;display:grid;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.st-tip b{color:var(--ink);font-weight:600}.st-tip em{color:var(--ink);font-style:normal}.st-detail{border-radius:var(--r-card);background:var(--inset);box-shadow:var(--shadow-well);margin-top:12px;padding:10px 12px;font-size:13px}.st-detail ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.st-detail li{align-items:center;gap:8px;min-width:0;display:flex}.st-detail code{color:var(--ink-3);font-family:var(--font-mono-face), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.st-detail p{border-top:1px solid var(--line);color:var(--ink-3);margin-top:8px;padding-top:8px}.st-row-loading{place-items:center;min-height:112px;display:grid}.st-past{gap:8px;margin-top:8px;display:grid}.st-past h2{font-size:15px;font-weight:600}.st-past>.st-muted{font-size:14px}.st-incident>button{text-align:left;cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 8px;width:100%;padding:8px 0;font-size:14px;display:flex}.st-incident b{font-weight:560}.st-incident .st-muted{font-size:12.5px}.st-incident ol{border-left:1px solid var(--line-strong);gap:8px;margin:2px 0 8px 6px;padding-left:16px;font-size:13.5px;list-style:none;display:grid}.st-incident time{color:var(--ink-3);font-size:12px}.st-incident p{color:var(--ink-2)}.st-note{color:var(--ink-3);text-align:center;text-wrap:balance;gap:6px;margin-top:24px;font-size:12.5px;display:grid}.st-note p:last-child{justify-content:center;gap:8px;display:flex}.st-note a:hover{color:var(--ink)}.st-art .pixel-waves{opacity:.6;height:180px}.st-footer{padding:22px var(--gutter);border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;gap:16px;font-size:13px;display:flex}.st-footer span:last-child{gap:18px;display:flex}.st-footer a:hover{color:var(--ink)}@media (max-width:720px){.st-frame{--gutter:16px}.st-bars li:nth-child(-n+60),.st-range-long{display:none}.st-range-short{display:inline}.st-sub,.st-detail code{display:none}}@media (max-width:420px){.st-footer{flex-direction:column}}