/* Mood screens extend the existing theme; colors carry no score or ranking. */
.mood-page{max-width:1000px;margin:auto}.mood-page [hidden]{display:none!important}.mood-page h1{line-height:1.2}.mood-choices{border:0;margin:0;padding:0}.mood-choices legend{font-size:12px;color:var(--muted);margin-bottom:18px}.mood-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.mood-choice{position:relative;border:2px solid transparent;border-radius:18px;min-height:146px;padding:23px 16px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.pink{background:#faf0f3;--accent:#a16b85}.mood-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.mood-choice:hover{transform:translateY(-3px);box-shadow:0 5px 18px #7654890d}.mood-choice.selected{border-color:#7b5a99;box-shadow:0 0 0 3px #c8b1dd44}.mood-choice:focus-within{outline:3px solid #7552a4;outline-offset:4px}.mood-choice-icon{font-size:37px;line-height:1.2}.mood-choice-label{font-size:13px;font-weight:500;color:#51445e}.mood-choice-tick{position:absolute;top:10px;right:12px;color:white;background:#7a5a98;width:22px;height:22px;border-radius:50%;font-size:12px;display:none;place-items:center}.mood-choice.selected .mood-choice-tick{display:grid}.selected-mood-label{font-size:11px;color:#776185;margin:16px 0 21px;min-height:20px}.mood-note-card{border:1px solid var(--border);border-radius:17px;background:#fffdf9;padding:24px}.mood-note-card .field-label{font-size:12px;letter-spacing:.4px}.mood-note-card .field-label>span{font-size:11px}.mood-note-card>p{font-size:11px;color:var(--muted);margin:7px 0 14px}.mood-note-card textarea{display:block;width:100%;min-height:120px;padding:14px 16px;border:1px solid #ddd2e5;border-radius:11px;background:#fffefa;color:#403b53;font:16px/1.8 'Avenir Next',Avenir,'Segoe UI',sans-serif;resize:vertical;scroll-margin-block:90px}.mood-note-card textarea:focus-visible{outline:3px solid #7552a4;outline-offset:3px}.mood-note-card #mood-note-count{text-align:right;font-size:10px;margin:7px 0 0}.mood-status{font-size:12px;color:#735883;min-height:20px;margin:13px 0 0}.mood-save-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:13px 0 25px}.mood-save-row>p{font-size:11px;color:var(--muted);margin:0}.mood-save-row .button{padding:13px 24px}.mood-suggestions{border:1px solid #e2d6ed;border-radius:18px;background:#f1ecf8;margin:28px 0;padding:24px}.mood-suggestions-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.mood-suggestions-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.mood-suggestions h2{font:normal 26px/1.3 Georgia,serif;margin-bottom:7px}.mood-suggestions>p{font-size:12px;color:var(--muted);margin:0 0 17px}.mood-suggestions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.dismiss-suggestions.button{min-height:44px;min-width:44px;padding:5px;background:transparent;border-color:transparent;font-size:23px;line-height:1;flex-shrink:0}.mood-privacy{margin-top:28px;border:1px solid var(--border);border-radius:14px;padding:0 20px;background:#f4f1f8;color:#665b73}.mood-privacy summary{font-size:12px;cursor:pointer;padding:16px 0;min-height:49px}.mood-privacy summary>span{font-size:18px;margin:0 8px}.mood-privacy p{font-size:12px;line-height:1.9;max-width:730px}.mood-confirmation{text-align:center;padding:40px 28px;border-radius:22px;border:1px solid var(--border)}.confirmation-emoji{display:block;font-size:58px;margin-bottom:15px}.mood-confirmation .eyebrow{margin-bottom:12px}.mood-confirmation h1{font-size:43px;letter-spacing:-1.3px}.mood-confirmation>p{font-size:14px;line-height:1.9;color:#6a5d76}.mood-confirmation .mood-saved-date{font-size:11px;margin:22px 0}.mood-confirmation>div:last-child{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.mood-history-filters{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;padding:21px;border:1px solid var(--border);background:#fffdfb;border-radius:15px;margin:21px 0 24px}.mood-history-filters label{display:flex;flex-direction:column;gap:7px;flex:1;min-width:145px;font-size:11px;color:#6a5c79}.mood-history-filters input,.mood-history-filters select{min-height:44px;width:100%;min-width:0;border:1px solid #dbd0e5;border-radius:9px;padding:10px 12px;background:#f9f6fc;font:13px 'Avenir Next',Avenir,'Segoe UI',sans-serif;color:#4e405d}.mood-history-filters select:focus-visible{outline:3px solid #7552a4;outline-offset:3px}.mood-history-filters .button{padding:11px 16px;flex-shrink:0}.mood-week{padding:25px;border:1px solid #e3daed;border-radius:20px;background:#f3eff9;margin-bottom:25px}.mood-week-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.mood-week-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:8px}.mood-week h2{font:normal 27px/1.3 Georgia,serif;margin-bottom:5px}.mood-week-heading>p{font-size:10px;color:var(--muted);white-space:nowrap;margin:0}.mood-week-count{font-size:11px;color:#776383;margin:11px 0 20px}.mood-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0}.mood-timeline>li{border:1px solid #e3d7ed;border-radius:13px;background:#fffdfb;padding:14px 5px;text-align:center;min-width:0}.mood-timeline time{display:flex;flex-direction:column;font-size:10px;color:#7b6c87}.mood-timeline time strong{font-size:19px;font-weight:500;color:#5d4d70;margin:2px 0 8px}.day-moods{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;min-height:31px}.day-mood{font-size:22px;line-height:1.6;display:inline-block}.day-mood small{font:9px 'Segoe UI',sans-serif;color:#6c5b7a}.day-empty{color:#baadca;font-size:18px}.day-count{display:block;font-size:9px;color:#7c6e88;margin-top:9px}.mood-week-note{font-size:11px;color:#776d83;line-height:1.8;margin:18px 0 0}.mood-sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.mood-list-count{font-size:11px;color:#7b6c87;margin:18px 0}.mood-entry-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:14px}.mood-history-card{display:flex;align-items:flex-start;gap:18px;border:1px solid #e9dfea;border-radius:17px;padding:23px}.history-mood-icon{font-size:32px;line-height:1.4;flex-shrink:0}.mood-history-card>div{flex:1;min-width:0}.mood-history-card h2{font:normal 25px/1.25 Georgia,serif;margin:0 0 5px}.mood-history-card time{font-size:10px;color:#7b6c87}.mood-history-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:#665b71;margin:12px 0 0}.mood-history-card .button{font-size:11px;padding:10px 14px}.mood-empty{border:1px solid var(--border);padding:40px 25px;border-radius:19px;text-align:center}.mood-empty>span{display:block;font-size:40px;margin-bottom:13px}.mood-empty h2{font:normal 29px/1.3 Georgia,serif;margin-bottom:13px}.mood-empty>p{font-size:13px;color:var(--muted);line-height:1.9}.home-mood-checkin{margin-top:26px;padding:23px;border:1px solid var(--border);border-radius:17px;background:#fdfbfe}.home-mood-heading{display:flex;align-items:center;gap:14px}.home-mood-heading>div{flex:1;min-width:0}.home-mood-heading h2{font-size:17px;font-weight:500;margin-bottom:3px}.home-mood-heading p{font-size:11px;color:var(--muted);margin-bottom:0}.home-mood-heading>.text-link{font-size:11px;flex-shrink:0;min-height:44px}.home-mood-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:20px 0 15px}.home-mood-options a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:68px;padding:9px 4px;background:#f3edf9;border:1px solid #e8def1;border-radius:12px}.home-mood-options a:hover{background:#e8def3}.home-mood-options a>span:first-child{font-size:23px;line-height:1.4}.home-mood-options a>span:last-child{font-size:9px;color:#766183;overflow-wrap:anywhere}.home-latest-mood{font-size:10px;color:#7c6c88;line-height:1.8;margin:10px 0 12px}.home-mood-checkin>.text-link{font-size:11px;min-height:30px}
@media(max-width:1050px){.mood-week-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.mood-timeline{gap:5px}.mood-week{padding:21px}.mood-choice{min-height:133px}.home-mood-heading{flex-wrap:wrap}.home-mood-heading>.text-link{margin-left:44px}.home-mood-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.mood-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mood-choice{min-height:120px;padding:19px 12px}.mood-choice-icon{font-size:33px}.mood-page .studio-heading h1{font-size:35px}.mood-note-card{padding:20px 17px}.mood-note-card .field-label{font-size:11px}.mood-save-row{flex-wrap:wrap}.mood-save-row>.button{width:100%}.mood-suggestions{padding:22px 18px}.mood-suggestions h2{font-size:25px}.mood-suggestions>div:last-child .button{width:100%;text-align:left;justify-content:space-between}.mood-privacy{padding:0 16px}.mood-confirmation{padding:34px 20px}.mood-confirmation h1{font-size:37px}.mood-confirmation>p{font-size:13px}.mood-history-filters{padding:18px;gap:13px}.mood-week-heading>p{white-space:normal}.mood-week h2{font-size:26px}.mood-history-card{padding:20px 17px;gap:13px}.mood-history-card h2{font-size:23px}.history-mood-icon{font-size:29px}.mood-history-card .button{padding:9px 10px}.home-mood-checkin{padding:20px 18px}.home-mood-heading h2{font-size:16px}.home-mood-heading p{font-size:10px}.home-mood-options{gap:7px}.home-mood-heading>.text-link{margin-left:0}.home-mood-options a>span:last-child{font-size:9px}}
@media(max-width:600px){.mood-timeline{grid-template-columns:1fr;gap:8px}.mood-timeline>li{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:10px 14px;text-align:left}.mood-timeline time{flex-direction:row;align-items:center;gap:10px;flex-shrink:0;min-width:65px}.mood-timeline time strong{margin:0;font-size:18px}.day-moods{flex:1;justify-content:flex-start;min-height:30px}.day-count{margin:0;flex-shrink:0}.mood-week-count{line-height:1.8}.mood-history-card{flex-wrap:wrap}.mood-history-card>div{flex-basis:calc(100% - 48px)}.mood-history-card .button{margin-left:42px}.mood-history-filters label:first-child{flex-basis:100%}.mood-history-filters label{min-width:115px}.mood-confirmation>div:last-child>.button{width:100%}.home-mood-options a{min-height:70px}.mood-choices legend{font-size:11px}.mood-empty h2{font-size:26px}}
