.chart-scroll{overflow-x:auto;scrollbar-width:thin}.chart{display:block;width:100%;min-width:560px;height:auto;font-family:var(--font-mono);overflow:visible}.chart.heatmap{min-width:600px}.chart.heatmap .tick{font-size:8px}.chart .grid{stroke:var(--line-soft);stroke-width:1}.chart .axis{stroke:var(--line);stroke-width:1}.chart .tick{fill:var(--faint);font-size:11px;font-variant-numeric:tabular-nums}.chart .hit{fill:transparent}.chart .bar path{transition:opacity .12s ease}.chart:has(.bar.is-hover) .bar:not(.is-hover) path{opacity:.45}.chart .line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .guide{stroke:var(--ink);stroke-width:1;opacity:0}.chart .dot{stroke:var(--surface);stroke-width:2;opacity:0}.chart .col.is-hover .guide{opacity:.25}.chart .col.is-hover .dot{opacity:1}.chart .end circle{stroke:var(--surface);stroke-width:2}.chart .end line{stroke:var(--line)}.chart .end text{fill:var(--muted);font-size:11px}.chart .ref line{stroke:var(--critical);stroke-width:1;opacity:.6}.chart .ref text,.chart .mark text{fill:var(--muted);font-size:11px}.chart .mark line{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3;opacity:.4}.chart .cell{transition:opacity .1s ease}.chart:has(.cell.is-hover) .cell:not(.is-hover){opacity:.6}.spark{display:block;width:120px;height:32px}.ramp-legend{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-family:var(--font-mono);font-size:.72rem;color:var(--faint)}.ramp-bar{width:120px;height:8px;border-radius:4px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;min-width:0}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.panel-head h2{font-size:1.05rem;letter-spacing:-.01em}.panel-head p{color:var(--muted);font-size:.85rem}.legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.82rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:.4rem}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3-1{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}@media (max-width: 1000px){.grid-2,.grid-3-1{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:1rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.stat{padding:1.1rem 1.35rem 1.2rem;min-width:0}.stat+.stat{border-left:1px solid var(--line)}.stat-label{font-size:.85rem;color:var(--muted)}.stat-value{font-family:var(--font-heading);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;letter-spacing:-.03em;margin-top:.3rem;line-height:1.1}.stat-value.is-idle{color:var(--accent)}.stat-note{font-size:.8rem;color:var(--faint);margin-top:.25rem}@media (max-width: 860px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:none}.stat:nth-child(n+3){border-top:1px solid var(--line)}}.table-wrap{overflow-x:auto;margin-inline:-1.35rem;padding-inline:1.35rem;background:linear-gradient(to right,var(--surface) 35%,transparent) left / 2.5rem 100% no-repeat local,linear-gradient(to left,var(--surface) 35%,transparent) right / 2.5rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(var(--shadow-rgb),.14),transparent) left / .9rem 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(var(--shadow-rgb),.14),transparent) right / .9rem 100% no-repeat scroll}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-weight:500;font-size:.78rem;color:var(--faint);padding:0 .75rem .6rem 0;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:.75rem .75rem .75rem 0;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.table .strong{font-weight:600}.table small{display:block;color:var(--faint);font-size:.78rem}.idle-num{color:var(--accent)}.meter{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.82rem}.meter-bar{width:72px;height:6px;border-radius:3px;background:var(--accent-wash);overflow:hidden}.meter-bar i{display:block;height:100%;background:var(--series-1);border-radius:3px}.status{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;white-space:nowrap}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-up,.status-pass{color:var(--avail-available)}.status-degraded{color:var(--avail-low)}.status-down,.status-fail{color:var(--critical)}.status-none{color:var(--faint)}details.table-view{margin-top:.9rem;font-size:.85rem}details.table-view summary{display:inline-flex;align-items:center;min-height:36px;cursor:pointer;color:var(--muted)}details.table-view .table{margin-top:.5rem}.motion .panel,.motion .stats{animation:rise .7s var(--ease-out) both}.motion .page>:nth-child(2){animation-delay:60ms}.motion .page>:nth-child(3){animation-delay:.12s}.motion .page>:nth-child(n+4){animation-delay:.18s}.motion .chart .line{stroke-dasharray:1;stroke-dashoffset:1}.motion .chart.is-in .line{animation:draw 1.4s var(--ease-out) calc(.15s + var(--k, 0) * .12s) forwards}.motion .chart .area,.motion .chart .end{opacity:0}.motion .chart.is-in .area{animation:fade-to .9s ease .6s forwards;--to: .08}.motion .chart.is-in .end{animation:fade-to .5s ease 1.2s forwards;--to: 1}.motion .chart .bar path{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0)}.motion .chart.is-in .bar path{animation:grow .7s var(--ease-out) calc(var(--i, 0) * 18ms) forwards}.motion .chart:not(.is-in) .cell{opacity:0}.motion .chart.is-in .cell{animation:appear .4s ease calc(var(--i, 0) * 18ms) backwards}@keyframes appear{0%{opacity:0}}.motion .spark-line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.2s var(--ease-out) .3s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes grow{to{transform:scaleY(1)}}@keyframes fade-to{to{opacity:var(--to, 1)}}.panel{transition:border-color .2s ease,box-shadow .25s ease}.panel:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line));box-shadow:0 16px 32px -26px rgba(var(--shadow-rgb),.3)}.table tbody tr{transition:background-color .15s ease}.table tbody tr:hover{background:color-mix(in srgb,var(--ground) 70%,transparent)}.meter-bar i{transform-origin:left}.motion .is-in .meter-bar i,.motion .panel.is-in .meter-bar i{animation:grow-x .9s var(--ease-out) .2s both}@keyframes grow-x{0%{transform:scaleX(0)}}.status-down:before,.status-fail:before{animation:pulse-ring 1.6s ease-out infinite}@media (prefers-reduced-motion: reduce){.status-down:before,.status-fail:before{animation:none}}.w-field{display:flex;flex-direction:column;gap:.5rem;border:0;margin:0;padding:0;min-width:0}.w-field>label,.w-field>legend{font-size:.88rem;font-weight:500;padding:0}.w-field>legend{margin-bottom:.5rem}.w-select{position:relative}.w-select:after{content:"";position:absolute;right:1rem;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}.w-select select,.w-field input[type=number]{width:100%;min-height:48px;padding:0 2.5rem 0 .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--ground);font-family:var(--font-body);font-size:1rem;color:var(--ink);appearance:none;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.w-field input[type=number]{padding-right:.9rem;font-family:var(--font-mono);cursor:text}.w-select select:hover{border-color:var(--muted)}.w-select select:focus-visible,.w-field input[type=number]:focus-visible{border-color:var(--ink);background:var(--surface)}.w-seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;background:var(--ground);border:1px solid var(--line-soft);border-radius:10px}.w-seg label{position:relative;display:grid;place-items:center;min-height:44px;border-radius:7px;font-family:var(--font-mono);font-size:.85rem;color:var(--muted);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.w-seg label:has(input:checked){background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(var(--shadow-rgb),.08),inset 0 0 0 1px var(--line)}.w-seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.w-seg input,.w-toggle input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.w-hint{font-size:.78rem;color:var(--faint)}.w-toggle{position:relative;display:flex;align-items:center;gap:.75rem;min-height:44px;font-size:.9rem;font-weight:500;cursor:pointer}.w-toggle small{display:block;font-weight:400;font-size:.78rem;color:var(--faint)}.w-switch{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:var(--line);transition:background-color .2s ease}.w-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(var(--shadow-rgb),.25);transition:transform .25s var(--ease-out)}.w-toggle:has(input:checked) .w-switch{background:var(--ink)}.w-toggle:has(input:checked) .w-switch:after{background:var(--on-ink);transform:translate(16px)}.w-toggle:has(input:focus-visible) .w-switch{outline:2px solid var(--accent);outline-offset:2px}.w-range{--p: 50%;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;background:transparent;cursor:pointer}.w-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--ink) var(--p),var(--line-soft) var(--p))}.w-range::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--ink) var(--p),var(--line-soft) var(--p))}.w-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--surface);border:2px solid var(--ink);box-shadow:0 2px 6px rgba(var(--shadow-rgb),.2)}.w-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--ink)}.w-label{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.w-label output{font-family:var(--font-mono);font-size:.92rem;font-weight:500}.empty-note{padding:2rem 0;color:var(--muted);font-size:.9rem}.soon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}@media (max-width: 900px){.soon-grid{grid-template-columns:minmax(0,1fr)}}.csv-link{display:inline-flex;align-items:center;min-height:44px;margin-left:.75rem;color:var(--muted);font-size:.82rem;text-decoration:underline;text-underline-offset:.25em}.csv-link:hover{color:var(--ink)}