.app .readout .affix, .look-sheet .readout .affix { vertical-align: baseline; margin: 0 0 0 .2em; }
.wt-bar { display: block; margin-top: var(--sp-3); }
.wt-title { font-size: var(--fs-md); }
.wt-quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-2); }
.wt-quick .btn { height: auto; min-height: 4rem; flex-direction: column; gap: 0; padding: var(--sp-2) var(--sp-1); white-space: normal; }
.wt-quick b { font-weight: 600; }
.wt-quick span:last-child { font-size: var(--fs-xs); color: var(--text-2); }
.touch .card > .wt-undo { justify-self: stretch; }
.wt-undo[aria-disabled="true"] { opacity: .45; transform: none; }
.wt-other { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sp-2); }
.wt-other .btn { padding-inline: var(--sp-4); }
.touch .card > .hint { color: var(--text-3); font-size: var(--fs-sm); }
.log .icon-btn { margin-block: calc(-1 * var(--sp-2)); flex: none; }
.wt-week { display: grid; gap: var(--sp-4); }
.wt-week > .btn { justify-self: start; }
@container (max-width: 25rem) {
  .wt-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-quick .btn { min-height: 3rem; flex-direction: row; gap: var(--sp-2); }
}
@media (max-width: 63.99em) { .app .look-card .wt-bar { margin-top: var(--sp-2); } }