.p-emotion-thumbnail{display:block;width:76px;max-width:100%;aspect-ratio:300/240;border-radius:14px;background-repeat:no-repeat;background-color:#fdfbf9;flex:none;pointer-events:none}
.p-mood-choice .p-emotion-thumbnail{width:76px}
.p-mood-choice[aria-pressed=true] .p-emotion-thumbnail{outline:2px solid #8daab5;outline-offset:2px}
.p-journal-moods{margin:0 0 14px;min-width:0}
.p-journal-moods .p-mood-row{display:flex;overflow-x:auto;gap:7px;max-width:100%;padding:6px 2px 12px}
.p-journal-moods button{display:grid;justify-items:center;align-content:start;gap:5px;flex:0 0 76px;min-width:44px;min-height:44px;padding:6px 3px;border:1px solid transparent;border-radius:14px;background:transparent;color:inherit;font:inherit;font-size:13px}
.p-journal-moods button[aria-pressed=true]{border-color:#8daab5;background:#e4eeed}
.p-journal-moods summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px}
.p-journal-moods .p-journal-mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.p-journal-mood-grid button{min-width:0;width:100%;font-size:13px}
.p-journal-mood-grid .p-emotion-thumbnail{width:70px}
.p-journal-moods button:focus-visible{outline:3px solid #648c9c;outline-offset:2px}
@media(max-width:380px){.p-journal-moods .p-journal-mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}