/* Paint-only anatomy adapter. Canonical activity geometry and glyphs remain mounted. */
:host{display:block;width:412px;height:88px;color-scheme:dark}
.activity-surface,.timer-controls .round-button,.timer-reading{transition:background var(--measurement-paint-duration,.18s),color var(--measurement-paint-duration,.18s),box-shadow var(--measurement-paint-duration,.18s)}
:host([data-rendering=outline]) .activity-surface{background:transparent}
.activity-shadow{transition:opacity var(--measurement-paint-duration,.18s)}
:host([data-rendering=outline]) .activity-shadow{opacity:0}
:host([data-rendering=outline]) .timer-controls .round-button,:host([data-rendering=outline]) .timer-controls .round-button.tint{background:color-mix(in srgb,var(--bp-frame) 8%,var(--bp-canvas));color:var(--bp-frame);box-shadow:inset 0 0 0 1px var(--bp-frame)}
:host([data-rendering=outline]) .timer-reading{color:#8a8e98;--accent:#8a8e98}
.timer-reading svg path{fill:currentColor;stroke:#8a8e98;stroke-width:.8px;vector-effect:non-scaling-stroke;fill-opacity:1;stroke-opacity:0;transition:fill-opacity var(--measurement-paint-duration,.18s),stroke-opacity var(--measurement-paint-duration,.18s)}
:host([data-rendering=outline]) .timer-reading svg path{fill-opacity:0;stroke-opacity:1}
@media(prefers-reduced-motion:reduce){.activity-surface,.timer-controls .round-button,.timer-reading,.activity-shadow,.timer-reading svg path{transition:none}}