/* Observations owns its visual language: daily aggregate research lives away
   from the per-token live feed and must stay readable on a narrow viewport. */
.observations-view{isolation:isolate}.observation-card{font-variant-numeric:tabular-nums}.observation-source-preference,.observation-source-attention{min-width:0}.observation-bars{min-width:0}.observations-view details summary{touch-action:manipulation}.observations-view button{touch-action:manipulation}.observations-view[hidden]{display:none!important}
.observation-source-unavailable{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.observation-source-preference.is-unavailable,.observation-source-attention.is-unavailable{opacity:.76}.observation-sample{margin:9px 0 0;color:var(--soft);font:9px/1.4 var(--mono)}.observation-consistency-meter{position:relative;height:10px;margin-top:10px;overflow:visible;border-radius:999px;background:linear-gradient(90deg,#bd7272 0%,#73766f 50%,#b9ff4e 100%)}.observation-consistency-zero{position:absolute;top:-3px;bottom:-3px;left:50%;width:1px;background:rgba(18,18,18,.75)}.observation-consistency-point{position:absolute;top:50%;left:var(--observation-consistency,50%);width:14px;height:14px;border:3px solid var(--paper-2);border-radius:50%;background:var(--cream);box-shadow:0 0 0 1px rgba(255,255,255,.4);transform:translate(-50%,-50%)}.observation-coverage-notes{display:flex;flex-wrap:wrap;gap:4px 10px}.observation-coverage-warning{margin:7px 0 0;color:#efc276;font:8px/1.35 var(--mono)}
/* Keep aggregate charts readable at normal desktop and phone sizes. */
.observations-heading{grid-template-columns:minmax(0,1fr) auto}
.observations-status{justify-self:end;font-size:12px}
.observation-source-line strong{font-size:16px}
.observation-source-line span{font:12px/1.4 var(--sans)}
.observation-preference-metric strong{font-size:46px}
.observation-preference-metric span{font-size:12px}
.observation-sample{font:12px/1.45 var(--sans)}
.observation-retention{font-size:13px;line-height:1.5}
.observation-coverage,.observation-coverage-warning{font:11px/1.5 var(--sans)}
.observation-bar-labels{font-size:13px}
.observation-bar-labels strong{font-size:23px}
.observation-bar-track{height:12px}
.observation-bars{gap:16px}
.observation-methods summary,.observation-methods p{font-size:13px}
.observations-meta{font:12px/1.5 var(--sans)}
@media(max-width:760px){.observations-heading{grid-template-columns:auto minmax(0,1fr)}.observations-status{justify-self:start}.observation-source-line span{font-size:12px}}