.reading-timeline{color:var(--sp-ink, #171C29)}.reading-timeline .tl-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.reading-timeline h3{margin:0;font-size:28px}.reading-timeline .tl-eyebrow{font-family:inherit;font-weight:700;font-size:10px;letter-spacing:2px;color:var(--sp-blue, #1746C8);margin:0 0 8px}.reading-timeline .tl-mode{font-size:13px;color:var(--sp-muted, #566073)}.reading-timeline .tl-presets{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.reading-timeline button{padding:9px 14px;background:transparent;border:1px solid var(--sp-line, #DCE0E8);border-radius:30px;color:var(--sp-ink, #171C29);font-family:inherit;font-weight:600;font-size:13px;cursor:pointer}.reading-timeline button[aria-pressed=true]{background:var(--sp-blue);color:white;border-color:var(--sp-blue)}.reading-timeline button:disabled{opacity:.5;cursor:default}.reading-timeline .tl-range{font-size:14px;margin-bottom:8px}.reading-timeline .tl-chart{width:100%;display:block;height:auto;min-height:180px}.reading-timeline .tl-window{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;padding:16px 18px;background:var(--sp-soft, #F3F4F6);border-radius:12px}.reading-timeline label{font-family:inherit;font-weight:600;font-size:12px;display:block}.reading-timeline input[type=range]{display:block;width:100%;margin:14px 0 5px;padding:0;accent-color:var(--sp-blue, #1746C8);min-height:28px;cursor:ew-resize}.reading-timeline .tl-inspect{padding:12px 18px;border:1px solid var(--sp-line, #DCE0E8);border-radius:12px}.reading-timeline output{font-size:13px;color:var(--sp-muted, #566073);display:block;min-height:22px}.reading-timeline .tl-dates{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--sp-muted, #566073);margin-top:9px}.reading-timeline .tl-note{font-size:12px;line-height:1.6;color:var(--sp-muted, #566073);margin-top:18px}.reading-timeline .tl-error{color:#993f24;font-size:13px}.reading-timeline input:focus-visible,.reading-timeline button:focus-visible{outline:3px solid var(--sp-blue, #1746C8);outline-offset:4px}@media(max-width:600px){.reading-timeline .tl-heading{align-items:start;flex-direction:column;gap:8px}.reading-timeline .tl-window{grid-template-columns:1fr;gap:16px}.reading-timeline .tl-dates{flex-direction:column;gap:5px}.reading-timeline h3{font-size:25px}.reading-timeline .tl-chart{min-height:150px}.reading-timeline button{padding:10px 12px}}

.reading-timeline .tl-eyebrow{color:var(--sp-blue)}.reading-timeline button{font-family:inherit;color:var(--sp-muted);border-color:var(--sp-line);border-radius:4px}.reading-timeline button:hover{background:var(--sp-soft);color:var(--sp-ink)}.reading-timeline button[aria-pressed=true]:hover{background:var(--sp-blue);color:white}.reading-timeline input[type=range]{accent-color:var(--sp-blue)}.reading-timeline input:focus-visible,.reading-timeline button:focus-visible{outline-color:var(--sp-blue)}
/* Prepared local proposal. Load after account/style.css and account/timeline.css.
   Scoped to readings/analytics; no data or event logic changes. */
#readings-view .dashboard-heading .eyebrow,
#account-timeline .tl-eyebrow {
  display: inline-block;
  background: #E9F363;
  color: #171C29;
  padding: 5px 9px;
  border-radius: 2px;
}
#device-detail .puck-tabs a[aria-current="page"] {
  background: #E9F363;
  color: #171C29;
  padding-inline: 10px;
  border-bottom-color: #171C29;
  border-radius: 4px 4px 0 0;
}
#account-timeline button[data-range][aria-pressed="true"],
#account-timeline button[data-range][aria-pressed="true"]:hover {
  background: #E9F363;
  color: #171C29;
  border-color: #171C29;
  font-weight: 700;
}
#puck-readings-view #metrics {
  border-top: 4px solid #E9F363;
}
#puck-readings-view #forecast-panel h3 {
  display: inline-block;
  background: #E9F363;
  color: #171C29;
  padding: 4px 8px;
  border-radius: 2px;
}
/* Keep focus visible independently of the yellow selected state. */
#device-detail .puck-tabs a:focus-visible,
#account-timeline button[data-range]:focus-visible{outline:3px solid #171C29;outline-offset:3px}