.mood-timeline-card{grid-column:1/-1;min-width:0}.mood-timeline-card .card-sub{margin:7px 0 18px}.mood-timeline-card .card-head{margin-bottom:0}.mood-time-label{font-size:11px;color:var(--muted);margin-bottom:14px}.mood-plot{display:flex;align-items:flex-start;min-width:0}.mood-time-axis{height:320px;width:46px;flex:0 0 46px;position:relative}.mood-time-axis span{position:absolute;right:8px;transform:translateY(-50%);white-space:nowrap;font-size:10px;color:var(--muted)}.mood-plot-scroll{overflow-x:auto;overflow-y:hidden;flex:1;min-width:0;padding:14px 0 0;margin-top:-14px;scrollbar-width:thin;scrollbar-color:#b5c8b7 transparent}.mood-day-columns{display:grid;grid-template-columns:repeat(var(--mood-columns),minmax(0,1fr));min-width:var(--mood-min-width);width:100%}.mood-column{min-width:0}.mood-day-field{height:320px;position:relative;border-left:1px solid var(--line)}.mood-column:last-child .mood-day-field{border-right:1px solid var(--line)}.mood-day-field.unlogged{background:repeating-linear-gradient(135deg,#f6f7f3,#f6f7f3 3px,#e8ece5 3px,#e8ece5 4px)}.mood-grid-line{position:absolute;left:0;right:0;border-top:1px dashed #dce3d8;pointer-events:none}.mood-no-logs{position:absolute;top:47%;left:0;right:0;font-size:9px;text-align:center;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.mood-day-label{text-align:center;font-size:10px;line-height:1.4;padding:12px 1px 7px;color:var(--muted)}.mood-day-label b{font-size:13px;color:var(--ink);font-weight:550;display:block}.mood-point{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:none;border-radius:50%;z-index:1}.mood-point[aria-pressed=true]{z-index:3}.mood-point:focus-visible{outline:2px solid #164f46;outline-offset:-3px;z-index:4}.mood-marker{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;border:1px solid #ffffffb3;color:#25392f}.mood-marker.happy{background:#88c293}.mood-marker.neutral{background:#f2c362}.mood-marker.irritable{background:#ee8b7f}.mood-marker svg{width:20px;height:20px;stroke-width:1.7;stroke:#26362e;fill:none}.mood-point[aria-pressed=true] .mood-marker{outline:2px solid var(--teal);outline-offset:3px}.mood-legend{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin:18px 0 12px}.mood-legend>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink)}.mood-legend .mood-marker{width:23px;height:23px}.mood-legend .mood-marker svg{width:18px;height:18px}.mood-interaction-hint{font-size:11px;color:var(--muted);margin:0 0 14px}.mood-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:var(--sage-light);border-radius:11px;min-height:88px}.mood-selection time{font-size:12px;display:block;color:var(--muted);margin-bottom:5px}.selected-mood-label{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600}.mood-selection .details-button{width:auto;flex:none;font-size:12px;gap:6px}.mood-distribution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.mood-distribution>div{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;gap:7px}.mood-distribution .mood-marker{width:21px;height:21px}.mood-distribution strong{display:block;font-size:19px;color:var(--ink);font-weight:600;line-height:1.2}.mood-distribution small{font-size:10px;color:var(--muted)}.mood-mixed-summary{font-size:12px;color:var(--ink);margin-top:12px}.mood-timeline-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mood-timeline-footer p{font-size:11px;color:var(--muted);flex:1;min-width:170px}.mood-timeline-footer button{font-size:12px;gap:8px;width:auto}.mood-full-list .details-button{min-height:44px}.mood-record{display:flex;gap:12px;align-items:center;padding:16px;background:var(--sage-light);border-radius:12px;margin:16px 0}.mood-record .mood-marker{width:37px;height:37px}.mood-record .mood-marker svg{width:27px;height:27px}.mood-scroll-hint{font-size:11px;color:var(--muted);margin:8px 0 0;text-align:right}.mood-empty{padding:17px 0 4px}.mood-empty p{margin-top:8px;font-size:13px;color:var(--muted)}
@media(max-width:360px){.mood-distribution>div{padding:9px 6px;gap:5px}.mood-distribution .mood-marker{display:none}.mood-selection{padding:12px;gap:7px}.mood-selection .details-button{font-size:11px}.mood-legend>span{font-size:10px}.mood-time-axis{width:42px;flex-basis:42px}}
@media(min-width:600px){.mood-timeline-card .mood-plot{max-width:900px}.mood-time-axis{width:58px;flex-basis:58px}.mood-time-axis span{font-size:11px}.mood-day-label{font-size:11px}.mood-day-label b{font-size:14px}.mood-selection{padding:18px}.mood-distribution{max-width:570px}.mood-distribution small{font-size:12px}.mood-legend{justify-content:flex-start;gap:25px}.mood-legend>span{font-size:12px}.mood-timeline-footer p{flex:initial;max-width:520px}.mood-selection .details-button{font-size:13px}.mood-marker{width:27px;height:27px}}