/* The same records can be read as a photo album or as compact summaries. */
.date-button{align-items:center}
.day-actions{gap:3px}
.filter-button{min-width:36px;padding:0 6px}
.layout-button{display:flex;align-items:center;gap:4px;min-height:44px;min-width:55px;padding:0 5px;font-size:11px;color:#6b7c93}
.layout-button svg{height:15px;width:15px}
.record-bottom{display:contents}
.cover-duration{display:flex;align-items:center;gap:3px}
.cover-duration svg{width:8px;height:8px;fill:currentColor}
.seen-chip,.mini-avatar{display:none}
.album-layout{background:#f4f5f7}
.album-layout .overview{border:0;background:#f4f5f7;padding-top:9px;padding-bottom:3px}
.album-layout .overview-toggle{align-items:center}
.album-layout .overview-toggle>svg{margin:0}
.album-layout .view-note{background:#fff}
.records.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:4px;gap:10px;padding:10px 10px 12px;align-items:start}
.records.is-grid .record-row{display:block;min-height:0;margin:0;padding:0;border:0;border-radius:10px;background:#fff;overflow:hidden;grid-row-end:span var(--tile-span,24);align-self:start;box-shadow:0 1px 2px #17212f05}
.records.is-grid .record-row:focus-visible{outline-offset:1px}
.records.is-grid .thumb{display:block;width:100%;height:auto;aspect-ratio:var(--cover-ratio,1);border-radius:0;flex-shrink:0}
.records.is-grid .cover-duration{left:auto;right:7px;bottom:7px;border-radius:4px;padding:3px 5px;font-size:10px;background:#152134a3;line-height:1.3;gap:4px}
.records.is-grid .cover-duration svg{width:9px;height:9px}
.records.is-grid .seen-chip{display:block;top:7px;right:7px;left:auto;bottom:auto;border-radius:4px;background:#ffffffe6;color:#718299;font-size:9px;padding:3px 5px;line-height:1.3}
.records.is-grid .record-copy{padding:8px 9px 3px}
.records.is-grid .record-copy h3{padding:0;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;color:#1e293b}
.records.is-grid .record-summary{font-size:12px;line-height:1.55;margin-top:5px;color:#7a8493;-webkit-line-clamp:2}
.records.is-grid .record-bottom{display:flex;align-items:center;justify-content:space-between;gap:2px;margin-top:3px;min-height:33px}
.records.is-grid .record-meta{display:flex;min-width:0;gap:5px;margin:0;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden}
.records.is-grid .record-meta time{font-variant-numeric:tabular-nums}
.records.is-grid .record-tag{font-size:9px;color:#a4adba}
.records.is-grid .save-button{position:relative;top:auto;right:auto;flex-shrink:0;width:32px;height:32px;min-height:32px;margin-right:-4px;z-index:1;border-radius:6px}
.records.is-grid .save-button svg{width:16px;height:16px}
.records.is-grid .save-button:before{content:'';position:absolute;inset:-6px}
.records.is-grid .record-meta .person-name{display:flex;align-items:center;gap:4px;font-size:10px;flex-shrink:0}
.records.is-grid .mini-avatar{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#edf4ff;font-size:10px;color:#6b8bbe}
.records.is-grid .seen-marker{display:none}
.records.is-grid .seen .record-copy h3{color:#46546a}
.records.is-list .record-meta .person-name{display:flex;gap:4px;align-items:center}
@media(max-width:360px){.records.is-grid{gap:8px 10px;padding-left:8px;padding-right:8px}.records.is-grid .record-copy{padding-left:8px;padding-right:8px}.records.is-grid .record-tag{display:none}}