.meter{background:var(--border);border-radius:3px;height:6px;display:block;overflow:hidden}.meter.inline{vertical-align:middle;display:inline-block}:where(.meter.inline){width:4rem}.meter.segmented{display:flex}.meter.inline.segmented{display:inline-flex}.meter-fill{background:var(--accent);flex:none;height:100%;display:block}.meter:not(.segmented)>.meter-fill{border-radius:3px}.meter-fill.tone-good{background:var(--good)}.meter-fill.tone-warn{background:var(--warn)}.meter-fill.tone-bad{background:var(--bad)}.meter-with-value{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.obs-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;display:flex}.obs-nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.45rem .8rem;text-decoration:none}.obs-nav a:hover{color:var(--text)}.obs-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.obs-nav a.obs-dev{font-size:var(--fs-small);margin-left:.5rem}.obs-subnav{font-size:var(--fs-small);margin-top:-.75rem}.obs-subnav a{padding:.3rem .7rem}.world-problems{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.obs-tabs-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.obs-subtabs{margin-bottom:1rem}.obs-tabs-row .obs-tick,.obs-nav .obs-tick{color:var(--muted);font-size:var(--fs-small);align-self:center;margin-left:auto}.obs-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.obs-toolbar input[type=search]{min-width:14rem}.obs-toolbar label{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:.35rem;display:inline-flex}.spark{vertical-align:middle;display:inline-block}.spark .spark-line{fill:none;stroke:var(--accent);stroke-width:1.5px}.spark .spark-ref{stroke:var(--muted);stroke-dasharray:2 2;stroke-width:1px;opacity:.6}.statusbar{vertical-align:middle;gap:2px;width:7rem;height:8px;display:inline-flex}.statusbar>span{border-radius:2px;min-width:2px}.statusbar .good{background:var(--good)}.statusbar .warn{background-color:var(--warn)}.chevron-left,.chevron-right{background-position:50%;background-size:6px 8px}.chevron-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8'%3E%3Cpath d='M4.5 0.5 1.5 4l3 3.5' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='1.5'/%3E%3C/svg%3E")}.chevron-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8'%3E%3Cpath d='M1.5 0.5 4.5 4l-3 3.5' fill='none' stroke='%23000' stroke-opacity='.5' stroke-width='1.5'/%3E%3C/svg%3E")}.statusbar .bad{background:var(--bad)}.statusbar .muted{background:var(--border)}.delta{font-size:var(--fs-small);margin-left:.35rem}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.flat{color:var(--muted)}.index-chip{font-family:var(--mono)}.index-chip.hi{color:var(--warn)}.index-chip.lo{color:var(--accent)}.index-chip.wild{color:var(--bad)}.obs-grid{grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr));gap:1rem;display:grid}.obs-grid>.panel{margin:0}.obs-legend{font-size:var(--fs-small);color:var(--muted);flex-wrap:wrap;gap:.75rem;display:flex}.obs-legend .swatch{border-radius:2px;width:10px;height:8px;margin-right:.3rem;display:inline-block}.obs-legend .swatch.good{background:var(--good)}.obs-legend .swatch.warn{background-color:var(--warn)}.obs-legend .swatch.bad{background:var(--bad)}.obs-legend .swatch.muted{background:var(--border)}.obs-pager{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}