.app .readout .affix, .look-sheet .readout .affix { vertical-align: baseline; margin: 0 0 0 .2em; }
.readout-label + .readout-label { margin-top: var(--sp-1); }
.uc-sign { flex: none; width: var(--control); border: 0; border-left: 1px solid var(--border); background: var(--bg-2); color: var(--text-1); font-size: var(--fs-lg); font-weight: 600; }
.uc-sign:hover, .uc-swap:hover { background: var(--bg-3); }
.uc-sign:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); }
.uc-units { display: grid; grid-template-columns: minmax(0, 1fr) var(--control); gap: var(--sp-2); }
.uc-units .affix { min-width: 3.75rem; font-size: var(--fs-sm); }
.uc-units select { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; color: var(--text-1); font-size: var(--fs-md); padding-inline: var(--sp-3) var(--sp-10); text-overflow: ellipsis; }
.uc-units select:focus-visible { box-shadow: none; outline: none; }
.uc-swap { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; border: 1px solid var(--border-strong); border-radius: var(--r-2); background: var(--bg-2); color: var(--text-1); }
.uc-title { font-size: var(--fs-md); }
.uc-recent { display: grid; gap: var(--sp-2); }
.uc-recent button { width: 100%; min-height: var(--control); border: 0; background: none; padding: 0; text-align: left; color: var(--text-1); }
.uc-recent li { padding-block: 0; }