.app .readout .affix,.look-sheet .readout .affix{vertical-align:baseline;margin:0 0 0 .2em}
.touch .adorned>*{padding-inline:var(--sp-2)}
.touch input::placeholder{font-size:var(--fs-md)}
@media (max-width:39.99em){.touch .card{gap:var(--sp-3)}}
.hz-pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--sp-3)}
.hz-last{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);align-items:end}
.hz-scale{margin-top:var(--sp-4)}
.hz-ticks,.hz-names{display:flex;font-size:var(--fs-xs)}
.hz-ticks{height:1.25em;color:var(--text-2)}
.hz-ticks span,.hz-names span{flex:1;text-align:center}
.hz-ticks :first-child,.hz-ticks :last-child{flex:.5;text-align:left}
.hz-ticks :last-child{text-align:right}
.hz-scale .scale{margin-block:var(--sp-2);gap:2px}
.hz-scale .pointer{width:4px;box-shadow:0 0 0 2px var(--bg-1)}
.hz-names span{color:var(--text-3)}
.hz-names .on{color:var(--text-1);font-weight:600}
.hz-1,.hz-2,.hz-3,.hz-4,.hz-5{background:var(--accent)}
.hz-1{opacity:.3}.hz-2{opacity:.48}.hz-3{opacity:.66}.hz-4{opacity:.84}
.hz-zones>div{padding-inline:var(--sp-2);align-items:center}
.hz-zones .k{display:grid;gap:2px}
.hz-zones .k>span{color:var(--text-1);font-weight:500}
.hz-zones small{font-size:var(--fs-xs);color:var(--text-2)}
.hz-zones .v{white-space:nowrap}
.hz-zones .on{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.hz-sw{display:inline-block;width:.75rem;height:.75rem;border-radius:2px;margin-right:var(--sp-2)}
.hz-lookup{display:grid;gap:var(--sp-2);color:var(--text-1)}
.hz-lookup .adorned{max-width:12rem}
.hz-note{font-size:var(--fs-xs);line-height:1.45}
@container (max-width:22rem){.touch .btn .icon{display:none}.touch .btn{padding-inline:var(--sp-3)}}
@media (max-width:63.99em){.app .look .compact-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container (max-width:22rem){.app .look .look-card .compact-meta{grid-column:1/-1;grid-row:3;text-align:left;margin-top:var(--sp-1)}.app .look .look-more{grid-row:1/span 2;align-self:center}}}