.mt-title { font-size: var(--fs-md); }
.mt-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); }
.mt-head .btn { padding-inline: var(--sp-4); }
[data-action="undo"][aria-disabled="true"] { opacity: .45; transform: none; }
.mt-faces { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sp-2); }
.mt-faces .btn { height: auto; min-height: 4rem; flex-direction: column; gap: var(--sp-1); padding: var(--sp-2) 0; font-size: var(--fs-sm); }
.mt-faces .icon { width: 1.75rem; height: 1.75rem; }
.mt-tags { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
.mt-tags .chip { padding-inline: var(--sp-3); }
.field .label .hint { font-weight: 400; text-align: right; }
.readout .icon { width: .9em; height: .9em; margin-right: .2em; vertical-align: -.1em; }
.card > .hint { color: var(--text-3); font-size: var(--fs-sm); }
.mt-log .main { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0 var(--sp-2); align-items: center; }
.mt-sub { grid-column: 1 / -1; overflow: hidden; text-overflow: ellipsis; color: var(--text-2); }
.mt-log time { min-width: 4.5rem; align-self: start; margin-top: .125rem; }
.mt-log .icon-btn { margin-block: calc(-1 * var(--sp-2)); flex: none; }
.mt-card { display: grid; gap: var(--sp-4); }
.mt-card > .btn { justify-self: start; }
.mt-cal { width: 100%; table-layout: fixed; border-spacing: 2px; text-align: center; font-size: var(--fs-xs); color: var(--text-3); }
.mt-cal th { font-weight: 500; padding-bottom: var(--sp-1); }
.mt-cal td { height: 2.75rem; vertical-align: top; padding-top: 3px; border-radius: var(--r-2); }
.mt-cal td[data-on] { background: var(--accent-soft); color: var(--text-1); }
.mt-cal td .icon { display: block; width: 1rem; height: 1rem; margin: 2px auto 0; color: var(--text-1); }
.mt-cal .mt-now { box-shadow: inset 0 0 0 2px var(--accent); color: var(--text-1); font-weight: 600; }
@container (max-width: 20rem) { .mt-faces { gap: var(--sp-1); } }