#page-records>.review-panel[hidden]{display:none!important}
#page-records>.review-panel{min-height:0}
#page-records .review-backup{display:flex;align-items:center;gap:8px;min-height:38px;margin:0 0 5px;padding:2px 1px;color:#53675C;font-size:12px}
#page-records .review-backup.stale{color:#A45D18}
#page-records .review-backup button{min-height:40px;padding:0 7px;border:0;background:transparent;color:#236958;font-size:12px;font-weight:700;white-space:nowrap}
#page-records .review-backup #backupStatusText{flex:1;min-width:0}
#page-records .review-nav{position:sticky;top:var(--review-header-height,100px);z-index:35;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:5px 0;margin:0 0 8px;background:var(--bg);border-bottom:1px solid #DDE6E0}
#page-records .review-nav button{min-width:0;min-height:44px;border:1px solid #D8E3DA;border-radius:10px;background:#fff;color:#52675C;font-size:14px;font-weight:650}
#page-records .review-nav button.active{background:#E8F2EA;border-color:#A8C6B1;color:#205D4D;box-shadow:inset 0 0 0 1px #A8C6B1}
#page-records .review-nav button:focus-visible,#page-records .review-backup button:focus-visible{outline:2px solid #1D6A56;outline-offset:1px}
#page-records>.review-panel>.card,#page-records .review-panel .card{margin-bottom:10px;padding:10px 9px}
#page-records .review-panel .sectionhead h2{font-size:16px!important;font-weight:650}
#page-records .calendar-toolbar{min-height:36px;margin-bottom:4px}
#page-records .calendar-toolbar strong{font-size:16px!important}
#page-records .review-calendar-mode{justify-content:flex-end;margin-top:-37px;margin-bottom:6px;pointer-events:none}
#page-records .review-calendar-mode>*{pointer-events:auto}
#page-records #calendarMode{min-height:34px}
#page-records #calendarMode button{min-height:32px;padding:0 11px;font-size:12px}
#page-records #monthCalendar{gap:2px}
#page-records .daycell.compact{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;height:38px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;overflow:hidden;text-align:center}
#page-records .daycell.compact .num{font-size:13px;font-weight:550;line-height:1;color:#30453B}
#page-records .daycell.compact.today{box-shadow:inset 0 0 0 1px #A7C3B0}
#page-records .daycell.compact.active{background:#E7F0E9!important;box-shadow:inset 0 0 0 1.5px #3E7965}
#page-records .daycell.compact .calendar-dot{position:absolute;bottom:4px;width:5px;height:5px;border-radius:50%}
#page-records .daycell.compact .entries-dot{background:#477A66}
#page-records .daycell.compact .mood-dot{border:1px solid rgba(30,55,40,.2)}
#page-records .daycell.compact .rb{position:absolute;right:1px;top:0;font-size:9px}
#page-records .daycell.compact.dv .num{text-decoration:underline;text-decoration-color:#CA8290;text-underline-offset:3px}
#page-records .day-review{margin:4px 0 10px;padding:8px 0;border-top:1px solid #DDE6E0;border-bottom:1px solid #DDE6E0}
#page-records .day-review .sectionhead{margin-bottom:5px}
#page-records .day-review-entry-row{display:block}
#page-records .day-review-entry{min-height:50px;padding:7px 0}
#page-records .day-review-entry-head{gap:6px;flex-wrap:nowrap}
#page-records .day-review-entry-time{flex:0 0 66px;font-size:11px}
#page-records .day-review-entry-title{min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-records .day-review-entry-text,#page-records .day-review-entry-empty{padding:2px 0 0 72px;font-size:12px}
#page-records .day-review-foot{margin-top:5px;font-size:11px}
#page-records .weekrow .h{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
#page-records #weekPanel{padding:0;border:0;background:transparent;box-shadow:none}
#page-records #viewWeek{display:block!important}
#page-records .weekrow{min-height:45px}
#page-records #moodTrend .score-disclaimer{font-size:11px}
#page-records .info-button{width:44px;min-width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#35705E;font-size:20px}
#page-records .influence-progress{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid #E5EBE6}
#page-records .influence-progress strong{font-size:13px;color:#30473B}
#page-records .progress-track{height:6px;overflow:hidden;border-radius:99px;background:#E9EEE9}
#page-records .progress-fill{display:block;height:100%;border-radius:99px;background:#6C9B7D;transition:width .2s ease}
.review-entry-detail{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;color:#40564B}
#page-today .time-note-slot{justify-content:flex-start!important;gap:2px!important}
#page-today .time-note-slot .slot-preview{width:100%;min-height:0;flex:0 1 auto;-webkit-line-clamp:unset;line-clamp:unset}
.slot-note-title{display:block;width:100%;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 11px/15px var(--font-ui)}
.note-title-input{font-weight:700!important}
.alarm-caption{display:flex;align-items:center;justify-content:flex-start;gap:7px}.alarm-caption #focusHint{margin:0!important;font-size:11px}
#recordPreviewNoteTitle{display:block;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
#recordPreviewNoteTitle[hidden]{display:none}
.review-entry-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.review-entry-actions button{min-width:76px;min-height:44px}
.toast-undo{border:0;padding:3px 6px;background:transparent;color:#F4D7A6;font:inherit;font-weight:750;text-decoration:underline}
.review-reset-link{display:flex;justify-content:flex-end;margin:12px 0 3px;border-top:1px solid #E4E9E2}
.review-reset-link button{min-height:44px;padding:0 7px;border:0;background:transparent;color:#925C4E;font-size:12px}
#confirmAppReset:disabled{opacity:.4;cursor:not-allowed}
#appResetModal .label{display:block;margin-top:18px}
#appResetModal p{font-size:13px;line-height:1.55}
#toast.show{display:flex;align-items:center;gap:3px}
@media(max-width:375px){#page-records .review-backup{gap:4px;font-size:11px}#page-records .day-review-entry-time{flex-basis:58px}#page-records .day-review-entry-text,#page-records .day-review-entry-empty{padding-left:64px}}