/* Healing view modes share the existing cards, typography and mood icons. */
.healing-filters{align-items:center;flex-wrap:wrap;gap:0 8px;padding-inline-end:4px}
.healing-view-switch{display:flex;flex-shrink:0;margin-inline-start:-4px;margin-inline-end:auto}
.healing-view-switch button{position:relative;isolation:isolate;display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:0;background:transparent;color:#496c8e}
.healing-view-switch button::before{content:"";position:absolute;inset:4px;z-index:-1;border:2px solid #496c8e;background:#f8fcff;box-shadow:inset 2px 2px #fff,inset -2px -2px #d1e5f0}
.healing-view-switch button:hover::before{background:#d8effb}
.healing-view-switch button:active::before{background:#b9dff2;box-shadow:inset 2px 2px #78a7c6,inset -2px -2px #eafaff}
.healing-view-switch svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:miter;stroke-linecap:square}
.healing-record{position:relative}
.healing-record>.healing-search-count{position:absolute;inset:3px 5px auto auto;z-index:1;background:#fff;padding:2px 4px;pointer-events:none;font-size:var(--text-meta)}
.healing-record:has(>.healing-search-count:not([hidden])) .record-title{padding-top:20px}
.healing-compact-feeling,.healing-list-open{display:none}
#healing-notes[data-view=grid]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:16px 12px;align-items:start}
#healing-notes[data-view=grid] .record-title,
#healing-notes[data-view=grid] .record-feeling{display:none}
#healing-notes[data-view=grid] .healing-record{display:flex;flex-direction:column}
#healing-notes[data-view=grid] .healing-compact-feeling{display:flex;align-items:center;gap:6px;border-top:1px solid #20242b;min-height:34px;padding:5px 6px}
.healing-compact-for{font:calc(11 * var(--text-unit)) var(--font-record-meta);color:#3c5671;flex:none}
.healing-compact-feeling .feeling-stats{flex:1;align-content:flex-start;gap:6px;flex-wrap:wrap;font-size:var(--text-meta);line-height:1.5;max-height:max(18px,1.5em);overflow:hidden}
.healing-compact-feeling .feeling-pixel{width:18px;height:18px;flex:none}
.healing-compact-feeling .feeling-stat{gap:3px;font-size:inherit;line-height:inherit}
.healing-compact-feeling .feeling-stat>span{white-space:nowrap;overflow-wrap:normal}
#healing-notes[data-view=list]{display:flex;flex-direction:column;gap:0}
#healing-notes[data-view=list] .healing-record{display:grid;grid-template-columns:min(32%,160px) minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:6px;border:0;border-bottom:1px solid #c8d9e6;background:transparent;padding:16px 0;width:100%}
#healing-notes[data-view=list] .healing-record:first-child{padding-top:4px}
#healing-notes[data-view=list] .record-title,
#healing-notes[data-view=list] .record-feeling{display:none}
#healing-notes[data-view=list] .healing-video-open{grid-column:1;grid-row:1 / span 2;align-self:start}
#healing-notes[data-view=list] .healing-list-open{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:1;min-width:0;padding:0;border:0;text-align:left;background:transparent;color:var(--ink)}
.healing-list-title{font-size:var(--text-title);font-weight:700;line-height:1.4;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.healing-list-copy{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}
.healing-list-recommender{font-size:var(--text-meta);font-weight:600;color:#496c8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.healing-list-others{font-weight:400}
.healing-list-message{font-size:var(--text-body);line-height:1.45;color:#243c59;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
#healing-notes[data-view=list] .healing-compact-feeling{grid-column:2;grid-row:2;display:flex;align-items:center;gap:7px;min-width:0}
#healing-notes[data-view=list] .healing-record:has(>.healing-search-count:not([hidden])) .healing-list-open{padding-top:20px}
#healing-notes:is([data-view=grid],[data-view=list])>.healing-empty{grid-column:1/-1;grid-row:auto}
@media(max-width:350px){.healing-filters{gap:0 5px}.healing-filters .select-trigger{padding-inline:8px;gap:6px}#healing-notes[data-view=grid]{column-gap:10px}.healing-compact-feeling .feeling-stats{gap:4px;font-size:var(--text-meta)}.healing-compact-feeling .feeling-stat{gap:2px}.healing-compact-feeling .feeling-pixel{width:16px;height:16px}.healing-compact-for{font-size:10px}}