.app .readout .affix,.look-sheet .readout .affix{vertical-align:baseline;margin:0 0 0 .1em}
.touch .adorned>*{padding-inline:var(--sp-2)}
@media (max-width:39.99em){.touch .card{gap:var(--sp-3)}}
.bf-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.bf-height{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}
[data-unit="us"] .bf-height{grid-template-columns:repeat(2,minmax(0,1fr))}
.field .bf-label{justify-content:flex-start;align-items:center}
.bf-how{width:2.5rem;height:2rem;margin-block:-.34375rem;margin-left:-.375rem;color:var(--text-2)}
.bf-how[aria-expanded="true"]{color:var(--accent)}
.bf-last{align-items:end}
.bf-last>.btn{grid-column:2;justify-self:end}
.bf-scale{margin-top:var(--sp-4)}
.bf-ticks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:1.25em;font-size:var(--fs-xs);color:var(--text-2)}
.bf-ticks span{justify-self:end;transform:translateX(50%)}
.bf-scale .scale{margin-block:var(--sp-2);gap:2px}
.bf-scale .pointer{width:4px;box-shadow:0 0 0 2px var(--bg-1)}
.bf-zones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));text-align:center;font-size:var(--fs-xs);color:var(--text-3)}
.bf-zones .on{color:var(--text-1);font-weight:600}
.bf-note{font-size:var(--fs-xs);line-height:1.45}
.bf-saved{display:grid;gap:var(--sp-3)}
.bf-title{font-size:var(--fs-md)}
.bf-saved .hint{color:var(--text-3);font-size:var(--fs-sm)}
.bf-saved time{min-width:3.5rem}
.log .icon-btn{margin-block:calc(-1*var(--sp-2));flex:none}
.bf-trend{display:block;width:100%;height:auto}
.bf-trend line{stroke:var(--border)}
.bf-trend polyline{fill:none;stroke:var(--accent);stroke-width:2}
.bf-trend circle{fill:var(--bg-1);stroke:var(--accent);stroke-width:2}
.breakdown .v{white-space:nowrap}
@container (max-width:22rem){.touch .btn .icon{display:none}.touch .btn{padding-inline:var(--sp-3)}[data-unit="us"] .bf-height .adorned>*{padding-inline:var(--sp-1)}}
@media (max-width:63.99em){.app .look .compact-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}