.record-sync{background:#fff;border:1px solid #d5e5e6;border-radius:24px;padding:clamp(16px,4vw,30px);box-shadow:0 12px 38px #204e5709}.record-sync h2{margin:0;font-size:clamp(24px,4vw,30px);line-height:1.25}.record-sync h3{font-size:19px}.rs-intro{color:#53717a}.rs-status{color:#8b453a;min-height:1.5em;margin:8px 0}.record-sync fieldset{min-width:0;margin:22px 0;padding:16px;border:1px solid #d4e3e6;border-radius:18px}.record-sync legend{font-weight:650;padding:0 8px}.rs-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rs-choice{display:block;padding:16px;background:#f3f8f9;border:1px solid #d4e4e7;border-radius:14px;overflow-wrap:anywhere;cursor:pointer;margin-bottom:10px}.rs-choice:has(input:checked){background:#e4f3ed;border-color:#489689;box-shadow:inset 0 0 0 1px #489689}.rs-choice input{margin:0 10px 0 0;width:20px;height:20px;vertical-align:middle;accent-color:#227a78}.rs-choice strong{font-size:16px}.rs-value p{margin:7px 0}.rs-value details{margin-top:12px}.rs-value details p{white-space:pre-wrap}.rs-value summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.rs-operation{display:block;margin-top:12px;color:#72578e}.rs-banner{background:#e6f3ed;padding:14px 18px;border-radius:14px;color:#356653}.rs-warning{background:#fff6e9;border:1px solid #eed5ad;border-radius:14px;padding:16px;color:#785532}.rs-confirm{display:flex;align-items:flex-start;gap:12px;margin:20px 0;cursor:pointer}.rs-confirm input{flex:none;width:22px;height:22px;accent-color:#227a78}.rs-button{background:#17647a;color:#fff;border:0;border-radius:13px;padding:14px 20px;font:inherit;font-weight:650;cursor:pointer;margin:10px 10px 0 0;min-height:48px}.rs-button:disabled{background:#dce6e8;color:#536c73;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #147fa0;outline-offset:4px}@media(max-width:540px){.rs-pair{grid-template-columns:1fr}.rs-button{width:100%;margin-right:0}.record-sync fieldset{padding:12px}.rs-choice{padding:13px}header{padding:14px 16px}}
nav img{width:22px;height:16px;vertical-align:middle}nav a{white-space:nowrap;font-size:14px}.rs-status:empty{display:none}

.record-sync{padding:0;border:0;background:transparent;box-shadow:none;min-width:0}.record-sync p,.record-online-backups p{overflow-wrap:anywhere}.record-sync input{width:auto;min-width:18px}.record-online-backups select{width:100%;min-width:0;font:inherit;padding:12px;border-radius:12px;border:1px solid #bdd8d8}.record-online-backups button{white-space:normal}.record-online-backups [hidden]{display:none}.record-sync h2{font-size:1.25rem}.settings-group{min-width:0}.draft-recovery{margin:16px 0;padding:20px;border:1px solid #c8dfd9;border-radius:20px;background:#eaf5f1}.draft-recovery h2{font-size:1.2rem;margin:0 0 12px}.draft-recovery p,#draftStatus{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.draft-recovery article{padding:16px 0;border-top:1px solid #c8dfd9}.draft-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.draft-recovery button,#draftRetry{white-space:normal;min-height:44px}.draft-text{white-space:pre-wrap;max-height:220px;overflow:auto}.public-start-error{margin:24px auto;padding:24px;max-width:640px;border:1px solid #d9bca6;background:#fff7ee;border-radius:20px;color:#794b2a}body[data-saving=true]{cursor:progress}
#appStartup.public-start-error{box-sizing:border-box;margin:0;max-width:none;border:0;border-radius:0;background:#f2f8f8;color:#193e49;overflow:auto;gap:16px}#appStartup.public-start-error h1{font-size:1.5rem;margin:0}#appStartup.public-start-error p{max-width:440px;margin:0;font-size:1rem;line-height:1.6}#appStartup.public-start-error small{color:#526c76}

/* D35: approved single-page daily entry, existing Luma palette and assets. */
#entryDialog.day-entry-dialog{--ink:#123f50;--muted:#587888;width:min(100%,430px);height:960px;max-height:100dvh;margin:auto;padding:0;border:1px solid #d5e8e8;border-radius:16px;background:#fcfefd;color:var(--ink);overflow:auto;scroll-padding:20px 0 120px;}
#entryDialog.day-entry-dialog .detail{padding:24px 22px 0;background:transparent;border:0;box-shadow:none;min-height:100%;display:flex;flex-direction:column;}
#entryDialog.day-entry-dialog .close-entry{position:absolute;top:20px;right:15px;width:44px;height:44px;min-height:44px;padding:10px;z-index:3;background:transparent;border:0;border-radius:50%;}
.day-entry-header{position:relative;}.day-entry-brand{display:flex;align-items:center;gap:9px;font-size:25px;color:var(--ink);}.day-entry-brand img{width:38px;height:38px;object-fit:contain;}
#entryDialog .day-entry-title{font-size:42px;letter-spacing:-1.2px;line-height:1.15;font-weight:700;margin:25px 0 12px;}
.day-entry-date{display:flex;align-items:flex-start;gap:9px;margin:0 0 24px;}.day-entry-date>div{display:flex;flex-direction:column;gap:5px;min-width:0;}.day-entry-date strong{font-size:20px;line-height:1.3;color:#526d7b;font-weight:600;}.day-entry-date span{font-size:16px;color:var(--muted);}
#entryDialog .day-edit-date{flex:none;width:36px;height:36px;min-height:36px;padding:5px;background:transparent;border:0;margin:-4px 0 0;}.day-edit-date img{width:25px;height:25px;}
#entryDialog #entryForm{display:flex;flex-direction:column;flex:1;gap:0;}.day-panel{min-width:0;}#dayDateFields{border:1px solid #d4e4e6;border-radius:12px;padding:12px;margin-bottom:15px;}
.day-period-card{display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;border-radius:13px;background:#fbf0f2;margin:0 -4px 26px;min-height:70px;}
.day-period-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;}.day-period-title img{width:26px;height:30px;}
#entryDialog .day-period-card .reference-switch{flex-direction:row!important;gap:8px;min-height:40px;font-size:14px;font-weight:400;margin:0;padding:0 0 0 12px;border-left:1px solid #d7dce0;}
#entryDialog .day-period-card .reference-switch input{width:42px!important;min-width:42px;height:27px!important;min-height:27px;margin:0!important;padding:3px!important;}
#entryDialog .day-period-card .reference-switch input:before{width:19px;height:19px;}#entryDialog .day-period-card .reference-switch input:checked:before{transform:translateX(14px);}
#entryDialog .day-period-card #durationWrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0;padding:0 0 0 12px;border-left:1px solid #d7dce0;}
#entryDialog #durationWrap label{font-size:14px;font-weight:400;margin:0;color:var(--muted);}#entryDialog #durationWrap select{margin:0;min-width:0;width:100%;min-height:40px;padding:7px 5px;border:1px solid #d1dfe3;border-radius:9px;background:#fcfafa;color:var(--ink);font-size:16px;}
#entryDialog .day-panel h3,#entryDialog .day-note-label{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0;font-weight:700;color:var(--ink);}
.day-moods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:15px 0 30px;}
#entryDialog .day-mood{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;min-height:70px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:14px;font-weight:400;}
.day-mood>span:last-child{max-width:100%;overflow-wrap:anywhere;line-height:1.4;}.day-face{position:relative;display:grid;place-items:center;width:58px;max-width:100%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;}.day-face>.day-icon{width:36px;height:36px;}.day-face .day-mood-check{position:absolute;right:0;top:0;width:20px;height:20px;padding:3px;background:#126676;border:2px solid #fcfefd;border-radius:50%;display:none;filter:none;}.day-mood[aria-pressed=true] .day-face{background:#deefe9;}.day-mood[aria-pressed=true] .day-mood-check{display:block;}.day-mood[aria-pressed=true]{color:#123f50!important;font-weight:600!important;}
.day-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px;}.day-help{font-size:14px;line-height:1.4;color:var(--muted);font-weight:400;}.day-section-heading .day-help{text-align:right;}
.day-symptoms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 29px;}
#entryDialog .day-symptom{display:flex;align-items:center;gap:10px;min-width:0;min-height:49px;padding:10px 12px;background:#fcfefe;border:1px solid #cddde1;border-radius:12px;text-align:left;font-size:14px;line-height:1.3;font-weight:400;color:#526f7e;}
.day-symptom>.day-icon:first-child{display:none;}.day-symptom>span{flex:1;min-width:0;overflow-wrap:anywhere;}.day-symptom>.day-choice-check{order:-1;flex:none;width:21px;height:21px;border:1px solid #597682;border-radius:50%;padding:4px;object-position:-100px 0;}
#entryDialog .day-symptom[aria-pressed=true]{background:#fbebee;border-color:#fbebee;color:#a1474e;}.day-symptom[aria-pressed=true]>.day-choice-check{background:#ad5158;border-color:#ad5158;object-position:center;filter:none;}
#entryDialog .day-panel textarea{background:#fcfefe;border:1px solid #cddde1;border-radius:12px;min-height:73px;resize:vertical;font-size:16px;line-height:1.5;padding:15px;margin:0 0 25px;width:100%;}
#entryDialog .day-actions{position:sticky;bottom:0;z-index:2;background:#fcfefd;display:flex;flex-direction:column;gap:0;padding:16px 22px 15px;margin:auto -22px 0;border-top:1px solid #dbe7e8;}
#entryDialog .day-actions button{width:100%;font-size:20px;font-weight:600;padding:13px 10px;border-radius:12px;min-height:52px;margin:0;background:#12687a;color:#fff;}
#entryDialog .day-footnote{font-size:13px;line-height:1.5;color:var(--muted);text-align:center;margin:12px 0 0;}#entryDialog #deleteEntry{margin:0 0 15px;align-self:center;font-size:14px;}
#entryDialog #draftStatus:not(:empty){border:1px solid #c3e0dc;background:#e6f3ed;border-radius:12px;padding:12px;font-size:14px;line-height:1.5;margin:0 0 16px;}#entryDialog #draftStatus:empty{display:none;}.day-feedback{color:#973d44;font-size:14px;}
#entryDialog.day-entry-dialog [hidden]{display:none!important;}#entryDialog.day-entry-dialog button:focus-visible,#entryDialog.day-entry-dialog select:focus-visible{outline:3px solid #298697;outline-offset:3px;}
.day-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important;}
@media(max-width:450px){#entryDialog.day-entry-dialog{height:100dvh;max-height:100dvh;width:100%;border-radius:0;border:0;}}
@media(max-width:410px){.day-period-card{flex-wrap:wrap;gap:8px 12px;}#entryDialog .day-period-card #durationWrap{flex-basis:100%;border-left:0;border-top:1px solid #e8dade;padding:9px 0 0;justify-content:space-between;}#entryDialog #durationWrap select{width:145px;}#entryDialog .day-period-card .reference-switch{margin-left:auto;}.day-moods{gap:3px;}#entryDialog .day-mood{font-size:12px;}#entryDialog .day-symptom{gap:7px;padding:10px 9px;font-size:13px;}.day-entry-date strong{font-size:18px;}}

@media(max-width:370px){.day-moods{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;}#entryDialog .day-mood{font-size:13px;}}
/* History details share the full card width, including when the grid uses display:contents. */
.period-row .period-content>.period-wellbeing{grid-column:1/-1;display:grid;gap:10px;min-width:0;margin:5px 0 0;text-align:left;}
.wellbeing-group{display:grid;gap:6px;min-width:0;}.wellbeing-label{font-size:12px;font-weight:600;line-height:1.4;color:#63818b;}
.wellbeing-items{display:flex;flex-wrap:wrap;gap:6px;min-width:0;}.wellbeing-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 10px;border:1px solid #c8dfd9;border-radius:10px;background:#eaf5ef;color:#315f58;font-size:14px;line-height:1.4;}.wellbeing-chip>span{min-width:0;overflow-wrap:anywhere;}.wellbeing-chip>.day-icon{width:20px;height:20px;flex:none;opacity:.65;}
.wellbeing-symptoms .wellbeing-chip{background:#fbf0f1;border-color:#e8cdd0;color:#874b54;}.period-row.wellbeing-only .cycle-interval{font-size:12px;font-weight:600;padding:6px 8px;border-radius:8px;white-space:normal;max-width:90px;}.period-row.wellbeing-only>.ui-icon{filter:invert(36%) sepia(18%) saturate(1013%) hue-rotate(134deg);}

/* Reference boards 01–03: shared app surface and settings navigation. */
.reference-website-link{display:flex;align-items:center;gap:12px;margin:26px 0 4px;padding:18px 4px;border-top:1px solid #d5e5e4;color:#285f6b;text-decoration:none;font-size:15px}.reference-website-link .reference-menu-text{flex:1}.reference-website-link small{display:block;color:#58747a;font-size:12px;line-height:1.5;margin-top:4px}.reference-website-link:focus-visible{outline:3px solid #298697;outline-offset:3px;border-radius:8px}
.reference-icon{width:26px;height:26px;object-fit:contain;flex:none}.reference-switch{display:flex!important;align-items:center;gap:14px;position:relative;min-height:58px}.reference-switch input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;margin:0 0 0 auto!important;width:49px!important;min-width:49px;height:31px!important;min-height:31px;border:1px solid #b8cdd0!important;border-radius:20px!important;background:#dce7e8!important;padding:3px!important;position:relative;transition:background .15s}.reference-switch input[type=checkbox]:before{content:'';display:block;width:23px;height:23px;border-radius:50%;background:white;box-shadow:0 1px 3px #123e4926;transform:translateX(0);transition:transform .15s}.reference-switch input[type=checkbox]:checked{background:#126b7d!important;border-color:#126b7d!important}.reference-switch input[type=checkbox]:checked:before{transform:translateX(17px)}.reference-switch input:focus-visible{outline:3px solid #298697;outline-offset:3px}.reference-switch input:disabled{opacity:.55}.day-period-card .reference-switch{flex-direction:row-reverse;justify-content:space-between}.day-period-card .reference-switch input{margin-left:auto!important}.day-mood-check,.day-symptom[aria-pressed=true]>.day-choice-check{filter:none}
#settings.reference-settings{--ink:#123f50;--muted:#597c8c;width:min(100%,430px);max-height:100dvh;height:960px;padding:0 20px 20px;border:1px solid #d5e8e8;border-radius:16px;background:#f3faf8;color:var(--ink);overflow:auto;box-sizing:border-box;}
#settings.reference-settings [hidden]{display:none!important}#settings.reference-settings .reference-topbar{display:flex;align-items:center;gap:10px;padding:18px 0 12px;min-height:74px;position:relative;background:#f3faf8;z-index:2;}.reference-topbar .day-entry-brand{font-size:25px;}.reference-topbar .day-entry-brand img{width:40px;height:40px;}#settings.reference-settings #closeSettings,#settings.reference-settings .reference-back{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:35px;font-weight:300;line-height:1;}#settings.reference-settings #closeSettings{margin-left:auto;}.reference-topbar.is-subpage .day-entry-brand{margin:auto}.reference-topbar.is-subpage #closeSettings{margin-left:0!important;}
.reference-home-intro{padding:28px 0 16px;background:url('/icons/header-leaves.png') right top / 115px 138px no-repeat;}.reference-settings h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:12px 0 8px;color:var(--ink);}.reference-subtitle{font-size:16px;line-height:1.5;color:var(--muted);margin:0 0 20px;}.reference-menu-group{margin:0 0 21px;}.reference-menu-group h3{font-size:19px;line-height:1.4;margin:0 0 9px;letter-spacing:-.4px;}.reference-menu-list,.reference-card{background:#fff;border:1px solid #deebeb;border-radius:16px;padding:0 16px;overflow:hidden;}#settings .reference-menu-row{display:flex;align-items:center;gap:15px;width:100%;min-height:65px;margin:0;padding:14px 0;background:#fff;color:var(--ink);border:0;border-radius:0;text-align:left;font-size:16px;font-weight:400;box-shadow:none;}.reference-menu-row+.reference-menu-row{border-top:1px solid #e2ecee!important;}.reference-menu-row>.reference-icon:last-child{width:18px;height:18px;margin-left:auto;}.reference-menu-text{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;}.reference-menu-text small{font-size:14px;color:var(--muted);line-height:1.4;}.reference-extra{margin-top:0;}.reference-page{padding-top:26px;}.reference-page h2:focus{outline:none;}#settings .reference-page-group{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;}#settings .reference-page-group>summary{display:none;}#settings .reference-page-group>.settings-group-body{padding:0;border:0;}#settings .reference-page-group section,#settings .reference-page-group form{padding:0;margin:0;border:0;background:transparent;box-shadow:none;}.reference-page #settingsForm{background:#fff!important;border:1px solid #dce8e9!important;border-radius:15px;padding:18px!important;}.reference-page .fine{font-size:14px;line-height:1.6;color:var(--muted);}.reference-page button{font-size:16px;line-height:1.4;min-height:48px;border-radius:12px;}.reference-page h3{font-size:19px;}.reference-page input,.reference-page select{font-size:16px;min-height:44px;}.reference-language{width:100%;margin:0!important;border:0!important;background:transparent!important;min-height:60px;}.reference-language[aria-pressed=true]{color:#146a79!important;font-weight:700!important;background:#e3f3ec!important;}.reference-language+.reference-language{border-top:1px solid #dce8e9!important;}
#settings .reference-reminder-card{padding:0 15px;margin:12px 0;background:white;border:1px solid #dce8e9;border-radius:14px;}#settings .reference-reminder-card .reference-switch{padding:17px 0;margin:0;border:0;font-weight:400;font-size:16px;align-items:flex-start;}.reference-toggle-copy{display:flex;flex-direction:column;gap:5px;flex:1;}.reference-toggle-copy small{font-size:14px;line-height:1.45;color:#587888;}#settings .reference-reminder-card .reference-switch input{margin-top:0!important;}#settings .reference-reminder-card .reference-switch>.reference-icon{margin-top:2px;}#settings #reminderSchedule{padding:0;margin:0;border:0;border-radius:0;background:transparent;}#settings #reminderSchedule .reminder-fields{display:block;}#settings #reminderSchedule label{display:grid;grid-template-columns:28px 65px minmax(0,1fr);gap:8px 12px;align-items:center;font-size:16px;font-weight:400;padding:14px 0;margin:0;border-top:1px solid #e2ecee;}#settings #reminderSchedule label small{grid-column:3;font-size:13px;font-weight:400;line-height:1.4;color:#5c7d8c;}#settings #reminderSchedule label:last-child small{grid-column:2/-1;}#settings #reminderSchedule input,#settings #reminderSchedule select{width:100%;min-width:0;background:white;margin:0;padding:8px 9px;border:1px solid #cddfe7;border-radius:9px;font-size:15px;}#settings #reminderSchedule>small{display:none;}#settings .reference-reminder-card #pushUpdates{margin-top:0!important;}#settings .reference-reminder-card .reference-switch:last-child{border-top:1px solid #e2ecee;}#settings #pushStatus{padding:12px 14px;border:1px solid #cce7df;border-radius:10px;background:#e9f6ef;margin:10px 0;font-size:14px;line-height:1.5;}#settings #testPush{width:100%;margin:12px 0;background:#fff;border:1px solid #85a9b5;font-size:15px;}.reference-page .settings-notes{background:#fff;border:1px solid #deebeb;border-radius:12px;padding:14px;margin-top:12px;}.reference-page .settings-notes>summary{font-size:14px;line-height:1.5;font-weight:400;}
.reference-info{padding:16px;border:1px solid #cce5df;border-radius:12px;background:#e9f5ee;font-size:14px;line-height:1.5;color:#3f6b73;margin:18px 0;}.reference-page #saveBackup{width:100%;margin:8px 0 18px;}.reference-page .record-online-backups{padding:14px!important;border:1px solid #dce8e9!important;border-radius:14px;background:#fff!important;margin:14px 0!important;}.reference-page #publicConnectionSetup{padding:16px!important;margin:18px 0!important;border:1px solid #dce8e9!important;border-radius:14px;background:#fff!important;}.reference-page .rs-count{padding:15px;margin:0;background:#fff;border:1px solid #e0eaea;}.reference-page .rs-count+.rs-count{border-top:0}.reference-page .rs-banner{padding:14px;border-radius:12px;font-size:14px;}.reference-page [data-focus=sync-now]{width:100%;margin:15px 0;}.reference-update-check{display:grid;place-items:center;width:104px;height:104px;margin:26px auto 18px;border-radius:50%;background:#d9f0e5;}.reference-update-check img{width:58px;height:58px;}.reference-update-current #offlineState{font-size:22px;font-weight:700;line-height:1.3;text-align:center;color:#123f50;}.reference-update-info{border-top:1px solid #dce8e9;display:grid;grid-template-columns:34px 1fr;gap:10px 14px;margin-top:28px;padding-top:26px;font-size:16px;}.reference-update-info p{grid-column:2;font-size:14px;margin:0;}.reference-page #checkAppUpdate{width:100%;margin-top:20px;}.reference-page #installSection>h2{display:none;}
.reference-segments{display:flex;border:1px solid #cbdfe2;border-radius:13px;background:#e8f2f1;padding:3px;margin:0 auto 24px;width:240px;max-width:100%;}.reference-segments button{flex:1;font-size:15px;min-height:42px;padding:8px;border:0;border-radius:10px;background:transparent;color:#537986;}.reference-segments button[aria-pressed=true]{background:#fff;color:#174e5c;box-shadow:0 2px 5px #24495512;}.reference-week-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;}.reference-week-nav h2{font-size:22px;text-align:center;margin:0;}.reference-week-nav button{width:44px;height:44px;padding:10px;border:0;background:transparent;}.reference-week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}.reference-week-strip button{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;min-height:91px;padding:10px 2px;background:#fff;border:1px solid #dfebeb;border-radius:13px;font-size:13px;color:#6a8791;}.reference-week-strip strong{font-size:20px;color:#194b59;}.reference-week-strip button[aria-pressed=true]{background:#176779;color:#fff;border-color:#176779;}.reference-week-strip button[aria-pressed=true] strong{color:#fff;}.reference-week-strip button[data-entry=true]{box-shadow:inset 0 -4px #dfb4b7;}.reference-week .legend{justify-content:center;margin:23px 0;font-size:13px;}.reference-day-card{padding:22px;margin-top:24px;background:#fff;border:1px solid #d9e6e8;border-radius:19px;text-align:center;}.reference-day-card h3{font-size:20px;line-height:1.4;margin:0 0 24px;}.reference-day-card p{font-size:15px;color:#5f7d8a;line-height:1.5;}.reference-day-card .primary{width:100%;font-size:16px;border-radius:12px;}.reference-day-butterfly{width:75px;height:75px;object-fit:contain;opacity:.6}.reference-day-note{white-space:pre-wrap;overflow-wrap:anywhere;}.workspace .calendar{background:transparent;border:0;box-shadow:none;padding:0;}.workspace [hidden]{display:none!important;}
@media(max-width:450px){#settings.reference-settings{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0 18px 20px;}}@media(max-width:370px){#settings.reference-settings{padding:0 14px 20px}.reference-menu-row{gap:10px!important;font-size:14px!important}.reference-menu-row>.reference-icon{width:24px;height:24px}.reference-settings h2{font-size:25px}.reference-subtitle{font-size:15px}#settings #reminderSchedule label{grid-template-columns:24px 53px minmax(0,1fr);gap:8px;font-size:14px}.reference-toggle-copy small{font-size:13px}.reference-week-strip{gap:3px}.reference-week-strip button{font-size:12px}.reference-week-nav h2{font-size:19px}.reference-day-card{padding:18px;}}
@media(prefers-reduced-motion:reduce){.reference-switch input,.reference-switch input:before{transition:none}}

#settings.reference-settings{padding:0 20px 20px!important;}@media(max-width:370px){#settings.reference-settings{padding:0 14px 20px!important;}}

.reference-home-intro{padding-top:14px;padding-bottom:12px;}.reference-menu-group{margin-bottom:16px;}.reference-segments{width:100%;margin-bottom:24px;background:#f5faf9;}.reference-segments button[aria-pressed=true]{background:#12697b;color:white;box-shadow:none;}.reference-week-nav{margin:18px 0 8px;}.reference-week-nav h2{font-size:17px;font-weight:400;color:#577b8a;}.reference-week-strip button{min-height:80px;gap:8px;}.reference-week-strip button[data-entry=true]{box-shadow:none;}.reference-week-strip button[data-phase=recorded]:not([aria-pressed=true]){background:#fbe6e9;border-color:#fbe6e9;}.reference-week-strip button[data-phase=predicted]:not([aria-pressed=true]){border:1px dashed #50a3a4;}.reference-day-card{text-align:left;padding:26px 20px;}.reference-day-card .reference-day-butterfly{display:block;margin:32px auto;width:170px;height:145px;opacity:.65;}.reference-day-card h4{text-align:center;font-size:21px;margin:20px 0 10px;}.reference-day-card p{text-align:center;font-size:17px;margin:16px 12px 30px;}.reference-day-card .primary{min-height:54px;margin-top:20px;}.reference-week .legend{margin:10px 0 26px;}.reference-update-check>.reference-icon{filter:brightness(0) saturate(100%) invert(35%) sepia(20%) saturate(1449%) hue-rotate(121deg);}

.reference-page-group>summary::after{content:none!important}.reference-disclosure{margin:14px 0;padding:14px;border:1px solid #dce8e9;border-radius:12px;background:white;}.reference-disclosure>summary{font-size:15px;color:#254f60;cursor:pointer;padding:4px 0;}.reference-disclosure[open]>summary{margin-bottom:15px;}.reference-local-state{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #c5e2dc;border-radius:12px;background:#e7f5ee;font-size:16px;line-height:1.5;margin:22px 0 10px;}.reference-local-state img{width:35px;height:35px;}.reference-page #saveBackup{display:flex;gap:12px;align-items:center;justify-content:center;background:#156879;color:white;border:0;}.reference-page #saveBackup img{filter:brightness(0) invert(1);}.reference-page .reference-info{border:0;background:none;padding:0;margin:10px 0 20px;}.reference-page .reference-menu-row{padding:14px;border:1px solid #dce8e9;border-radius:12px;margin-top:20px;}

.reference-import-block{margin-top:28px;padding-top:22px;border-top:1px solid #dce8e9;}.reference-import-block .localized-file{background:white;border-color:#abcbd3;padding:12px;}.reference-import-block .localized-file button{font-size:16px;}.reference-import-block .file-name{font-size:13px;}

html:has(dialog[open]),body:has(dialog[open]){overflow:hidden!important;}#settings.reference-settings,#entryDialog.day-entry-dialog{scrollbar-width:thin;}#entryDialog .day-face>.day-mood-check{width:23px;height:23px;}

/* Complete settings views use the same dated header as the approved boards. */
.reference-settings-date{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;margin:8px 0 20px;padding:0 12px 26px 0;background:url('/icons/header-leaves.png') right center/105px 125px no-repeat;min-height:118px;}
.reference-settings-date .day-number{font:700 80px/.95 Georgia,serif;color:#073847;letter-spacing:-5px;}
.reference-settings-date>div{display:flex;flex-direction:column;gap:5px;z-index:1;}
.reference-settings-date>div strong{font-size:19px;color:#123f50;}
.reference-settings-date>div span{font-size:17px;color:#587888;}
.reference-settings-date>.day-entry-eyebrow{grid-column:1/-1;margin:8px 0 0;font-size:11px;letter-spacing:2px;color:#526e85;}
.reference-settings .reference-page{padding-top:0;}.reference-home-intro{background:none;padding-top:0;}
.reference-page .reference-subtitle{margin-bottom:20px;}
#settings .reference-reminder-card{margin:8px 0 0;}.reference-page #pushStatus{margin-top:-1px;border-radius:0 0 10px 10px;}
.reference-page #pushStatus:empty{display:none;}
.reference-device-card{padding:0 16px;margin:16px 0;}
.reference-device-row{display:flex;gap:15px;align-items:center;min-height:76px;padding:14px 0;}
.reference-device-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;}
.reference-device-copy strong{font-size:16px;font-weight:500;}.reference-device-state{font-size:14px;color:#587888;}
.reference-device-card[data-state=connected] .reference-device-state{color:#227458;}
.reference-device-card[data-state=error] .reference-device-state{color:#8b453a;}
.reference-connection-identity{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:12px 0 14px;border-top:1px solid #e2ecee;color:#174e5c;}
.reference-identity-label{font-size:13px;line-height:1.4;color:#587888;}.reference-identity-value{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:.035em;overflow-wrap:anywhere;}
.reference-connection-identity[data-state=ready] .reference-identity-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;}
.reference-identity-hint{font-size:13px!important;line-height:1.5!important;margin:1px 0 0!important;color:#587888;}
.reference-page #syncSection>h2,.reference-page #syncSection>.rs-intro,.reference-page #syncSection>.reference-sync-detail{display:none;}
.reference-page #syncSection>.rs-status:empty{display:none;}
.reference-page #syncSection>.rs-status{font-size:14px;line-height:1.5;padding:12px 14px;border-radius:12px;background:#e7f4ef;}
.reference-page #syncSection[data-sync-state=error]>.rs-status{background:#fff0eb;color:#8b453a;border:1px solid #e6bfb2;}
#settings .reference-page #syncSection [data-focus=sync-now]{background:#106a7c;color:white;border:0;border-radius:12px;min-height:56px;width:100%;margin:4px 0 16px;}
.reference-connect,.reference-connection-info{margin:0;border-radius:0;padding:15px;background:white;}
.reference-connect{border-radius:13px 13px 0 0;}.reference-connection-info{border-radius:0 0 13px 13px;}
.reference-connect>summary,.reference-connection-info>summary{font-size:15px;line-height:1.4;min-height:25px;}
.reference-page .reference-connect #publicConnectionSetup{border:0!important;padding:8px 0!important;margin:0!important;}
.reference-sync-help{display:flex;align-items:flex-start;gap:14px;padding:15px!important;border:1px solid #cbe4e0!important;border-radius:12px;background:#eaf6f1!important;font-size:14px;line-height:1.5;margin:20px 0;}
.reference-code-hint{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.5;color:#5b7d8b;margin:25px 0 10px;}
.reference-code-hint img{opacity:.65;}
.reference-local-state>div{display:flex;flex-direction:column;gap:6px;}.reference-backup-time{font-size:13px;line-height:1.5;color:#587888;}
.reference-online-backups>summary{display:flex;gap:12px;align-items:center;}.reference-page .reference-online-backups .record-online-backups{border:0!important;margin:8px 0!important;padding:0!important;}
.reference-online-backups{margin:0 0 20px;}.reference-online-backups>summary::after{content:'›';margin-left:auto;font-size:22px;}
.reference-page .reference-update-current #offlineState{font-size:23px;line-height:1.35;margin:20px 0 8px;padding:0;}
.reference-update-automatic{font-size:15px;color:#587888;line-height:1.5;text-align:center;}
.reference-page #installState{font-size:14px;}.reference-page #installState:empty{display:none;}
.reference-menu-row .reference-menu-text small{max-width:100%;overflow-wrap:anywhere;}
.reference-calendar .reference-month-head{display:grid;grid-template-columns:46px 1fr 46px;gap:10px;margin:0 0 18px;align-items:center;}
.reference-calendar .reference-month-head h2{font-size:21px;text-align:center;margin:0;}
.reference-calendar .reference-month-head>button{width:44px;height:44px;border:1px solid #dce8eb;border-radius:50%;background:white;padding:10px;}
.reference-calendar .weekdays{font-size:14px;color:#5a7b8e;}.reference-calendar .days{gap:4px;margin-top:10px;}
.reference-calendar .day{min-height:46px;aspect-ratio:1;border:0;border-radius:12px;background:transparent;font-size:16px;}
.reference-calendar .day.recorded{background:#f9e2e6;color:#934752;}.reference-calendar .day.predicted{border:1px dashed #69aaa5;}
.reference-calendar .day.selected{border-radius:50%;background:#106a7c!important;color:white;}.reference-calendar .day.other{color:#9fb6bf;}
.reference-calendar>.fine{display:none;}.reference-calendar .legend{justify-content:center;font-size:13px;margin:20px 0 10px;}
.reference-calendar>.reference-today{display:block;min-height:34px;font-size:13px;margin:0 auto 14px;padding:5px 16px;}
.reference-day-card{margin-top:16px;padding:22px 18px;border-radius:17px;}.reference-day-card h3{margin-bottom:10px;font-size:20px;}
.reference-calendar .reference-day-butterfly{width:105px;height:100px;margin:12px auto;}.reference-calendar .reference-day-card h4{font-size:18px;margin:10px 0;}
.reference-calendar .reference-day-card p{font-size:15px;margin:10px 12px 14px;}.reference-calendar .reference-day-card .primary{margin-top:8px;min-height:52px;}
@media(max-width:370px){.reference-settings-date{gap:5px 12px;background-size:90px 110px;}.reference-settings-date .day-number{font-size:70px;}.reference-settings-date>div strong{font-size:17px;}.reference-settings-date>div span{font-size:15px;}.reference-calendar .day{min-height:36px;font-size:14px;}.reference-calendar .reference-month-head h2{font-size:18px;}}
#settings .reference-disclosure[hidden],#settings .reference-disclosure[hidden]::after{display:none!important;}
.reference-connect>summary,.reference-connection-info>summary,.reference-online-backups>summary{display:flex;align-items:center;gap:14px;list-style:none;}
.reference-connect>summary::-webkit-details-marker,.reference-connection-info>summary::-webkit-details-marker,.reference-online-backups>summary::-webkit-details-marker{display:none;}
.reference-connect>summary>.reference-icon:last-child,.reference-connection-info>summary>.reference-icon:last-child{width:18px;height:18px;margin-left:auto;}
.reference-other-devices>.reference-device-row{border-top:1px solid #e2ecee;}.reference-device-copy small{font-size:13px;line-height:1.5;color:#587888;overflow-wrap:anywhere;}.reference-device-notice:empty{display:none;}
.reference-page #installSection>.reference-update-headline{font-size:23px;line-height:1.35;text-align:center;color:#123f50;margin:18px 0 8px;}
.reference-page #installSection #offlineState{font-size:14px;font-weight:400;line-height:1.6;text-align:center;color:#587888;margin:15px 0;padding:0;}
.reference-page .reference-installation #installTitle{display:none;}.reference-page .reference-installation #checkAppUpdate{margin:12px 0;}
.reference-import-block .localized-file{padding:0;border:0;background:transparent;}.reference-import-block .localized-file button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin:0;border:1px solid #83abb7;background:white;color:#174c60;border-radius:12px;min-height:56px;}
.reference-online-backups>summary::after{position:static;}.reference-settings .reference-settings-date~[hidden]{display:none!important;}

.reference-online-backups>summary::after{content:none!important;}.reference-online-backups>summary>.reference-icon:last-child{width:18px;height:18px;margin-left:auto;}.reference-update-pending{border:1px solid #a5ccdd;background:#f2f9fc;border-radius:12px;padding:16px;font-size:15px;line-height:1.6;color:#1a5269;}
#settings.reference-settings .reference-topbar .day-entry-brand{font-size:27px;}
.reference-settings-date .day-number{font-size:92px;line-height:.9;letter-spacing:-6px;}.reference-settings-date{column-gap:14px;}.reference-settings-date>div strong{font-size:21px;}.reference-settings-date>div span{font-size:19px;}.reference-settings-date>.day-entry-eyebrow{font-size:12px;}
.reference-page .reference-subtitle{font-size:18px;line-height:1.45;}.reference-device-copy strong{font-size:18px;}.reference-device-state{font-size:16px;}.reference-device-copy small{font-size:15px;}
.reference-page button,.reference-connect>summary,.reference-connection-info>summary,.reference-online-backups>summary{font-size:18px;font-weight:500;}.reference-page #saveBackup{min-height:60px;font-size:18px;}.reference-page #syncSection [data-focus=sync-now]{display:flex;align-items:center;justify-content:center;gap:16px;font-size:18px;font-weight:500;min-height:60px;}.reference-page #syncSection [data-focus=sync-now] img{filter:brightness(0) invert(1);width:28px;height:28px;}
.reference-page .fine,.reference-page .reference-info,.reference-sync-help,.reference-code-hint{font-size:16px;line-height:1.5;}.reference-local-state{font-size:18px;}.reference-backup-time{font-size:15px;}.reference-import-block .localized-file button{font-size:18px;}
#settings .reference-reminder-card .reference-switch{font-size:18px;}.reference-toggle-copy small{font-size:15px;}#settings #reminderSchedule label{font-size:18px;}#settings #reminderSchedule input,#settings #reminderSchedule select{font-size:16px;}#settings #testPush{display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;}.reference-update-automatic{font-size:18px;}.reference-update-info{font-size:18px;}.reference-update-info p{font-size:16px;}
.reference-import-review{font-size:15px;color:#587888;line-height:1.5;margin:10px 0;}
@media(max-width:370px){.reference-settings-date .day-number{font-size:75px;}.reference-settings-date>div strong{font-size:18px;}.reference-settings-date>div span{font-size:15px;}.reference-page .reference-subtitle{font-size:16px;}.reference-connect>summary,.reference-connection-info>summary,.reference-online-backups>summary,.reference-device-copy strong{font-size:16px;}.reference-page .fine,.reference-page .reference-info,.reference-sync-help,.reference-code-hint{font-size:15px;}#settings #reminderSchedule label{font-size:15px;}}
.reference-account-link{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;min-height:56px;padding:14px 18px;border-radius:14px;color:white!important;background:#176679;font-size:18px;line-height:1.4}.reference-page[data-page=account] .reference-card{padding:20px}.reference-page[data-page=account] .reference-card h3{margin-top:0}
.usage-choice-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.usage-choice-actions>button{flex:1 1 200px;min-height:48px}.reference-page[data-page=privacy] p{line-height:1.6}
#settings.reference-settings .activity-notifications{margin:20px 0 0!important;padding:18px 15px!important;border:1px solid #dce8e9!important;border-radius:14px;background:#fff!important;min-width:0;}
#settings.reference-settings .activity-notifications>h3{margin:0 0 10px;font-size:19px;line-height:1.4;}
#settings.reference-settings .activity-notifications>.fine{margin:10px 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere;}
#settings.reference-settings .activity-notifications>.fine:empty{display:none;}
#settings.reference-settings .activity-notifications .reference-switch{display:flex;align-items:flex-start;gap:11px;padding:16px 0;margin:0;border:0;border-top:1px solid #e2ecee;font-size:17px;font-weight:400;line-height:1.4;}
#settings.reference-settings .activity-notifications .reference-toggle-copy{min-width:0;overflow-wrap:anywhere;}
#settings.reference-settings .activity-notifications .reference-toggle-copy small{font-size:14px;line-height:1.45;}
#settings.reference-settings .activity-notifications .reference-icon{width:24px;height:24px;margin-top:3px;}
#settings.reference-settings .activity-notifications .reference-switch input[type=checkbox]{flex:0 0 49px;margin-top:1px!important;}
.history-style-options{display:grid;gap:10px;margin-top:18px}
.history-style-choice{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px;border:1px solid #d5e4e5;border-radius:14px;background:#fff;cursor:pointer}
.history-style-choice:has(input:checked){background:#e9f5f2;border-color:#69a9a5}
.history-style-choice input{flex:0 0 22px;width:22px;height:22px;margin:1px 0 0;accent-color:#12697b}
.history-style-choice-copy{display:grid;gap:4px;min-width:0;color:#194452}
.history-style-choice-copy strong{font-size:16px;line-height:1.3}
.history-style-choice-copy small{font-size:14px;line-height:1.45;color:#5b7981}
.history-style-choice:focus-within{outline:3px solid #19849a;outline-offset:2px}
.history-forecast-label,.history-card-chevron,.history-cycle-prefix,.history-note-indicator{display:none}
body.history-timeline-design .history-cycle-prefix{display:inline}
body.history-timeline-design .history-forecast-label{display:block;grid-column:2;grid-row:1;align-self:end;color:#31636a;font-size:11px;font-weight:700;line-height:1.35;letter-spacing:.015em}
body.history-timeline-design .history-forecast-label[hidden]{display:none}
body.history-timeline-design .list-summary,body.history-timeline-design .phone-preview .list-summary{margin:14px 0 18px;padding:17px 14px;border-radius:19px;background:#e2f5f2;border-color:#a7d5cf;box-shadow:0 5px 14px #1e686211}
body.history-timeline-design .forecast,body.history-timeline-design .phone-preview .forecast{grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:9px;row-gap:5px;align-items:center}
body.history-timeline-design .forecast>.ui-icon{grid-column:1;grid-row:1/3;align-self:center;width:28px;height:28px}
body.history-timeline-design .forecast #nextPeriod,body.history-timeline-design .phone-preview .forecast #nextPeriod{grid-column:2;grid-row:2;align-self:start;font-size:21px;line-height:1.2;font-weight:700}
body.history-timeline-design .forecast:not(.history-forecast-has-estimate) #nextPeriod{grid-row:1/3;align-self:center}
body.history-timeline-design .forecast #countdown,body.history-timeline-design .phone-preview .forecast #countdown{grid-column:3;grid-row:1/3;align-self:center;font-size:18px;line-height:1.2;padding:8px 9px}
body.history-timeline-design .forecast #estimateHint,body.history-timeline-design .phone-preview .forecast #estimateHint{grid-column:1/-1;grid-row:3;width:100%;font-size:13px;line-height:1.4;margin-top:5px;padding:6px 7px}
body.history-timeline-design .list-history>.section-head{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;padding:0 2px}
body.history-timeline-design .list-history>.section-head h2{font-size:20px;line-height:1.2;color:#183e4e}
body.history-timeline-design .history-timeline-year{font-size:16px;font-weight:600;color:#718f99}
body.history-timeline-design .list-history>.section-head #historyCount{margin-left:auto}
body.history-timeline-design .list-history.history-has-timeline #history{border-left:3px solid #c7dfe3;margin-left:18px;padding-left:29px}
body.history-timeline-design #history>.year-heading:first-child{display:none}
body.history-timeline-design #history>.year-heading{padding:18px 0 10px;margin-left:0}
body.history-timeline-design .period-row,body.history-timeline-design .phone-preview .period-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px;grid-template-rows:auto auto auto auto;column-gap:6px;row-gap:4px;width:100%;min-height:0;margin:0 0 14px;padding:15px 12px 13px;border:1px solid #deeaec;border-radius:17px;background:#fff;text-align:left;box-shadow:0 3px 12px #18495609}
body.history-timeline-design .period-row::after{display:none}
body.history-timeline-design .period-row::before{content:"";position:absolute;left:-50px;top:19px;width:34px;height:34px;border:1px solid #dce7e9;border-radius:50%;background:#fff;box-sizing:border-box}
body.history-timeline-design .period-row>.ui-icon{position:absolute;grid-column:auto;grid-row:auto;left:-44px;top:25px;display:block;width:22px;height:22px;filter:invert(47%) sepia(17%) saturate(884%) hue-rotate(313deg)}
body.history-timeline-design .period-row .period-content{display:contents}
body.history-timeline-design .period-row .period-content>strong{grid-column:1;grid-row:1;font-size:19px;line-height:1.2;letter-spacing:-.4px}
body.history-timeline-design .period-row .cycle-interval{grid-column:1;grid-row:2;justify-self:start;margin:0;padding:0;background:transparent;color:#67838d;font-size:13px;line-height:1.35;font-weight:500}
body.history-timeline-design .period-row .history-card-chevron{display:block;grid-column:2;grid-row:1/3;justify-self:end;align-self:center;width:20px;height:20px;opacity:.75}
body.history-timeline-design .period-row .period-content>.timing-inline{grid-column:1/-1;grid-row:3;margin-top:7px;font-size:12.5px;gap:5px}
body.history-timeline-design .period-row .period-content>.period-note{grid-column:1/-1;grid-row:4;margin-top:6px;padding-top:7px;border-top:1px solid #e8eff0;color:#6b838c;font-size:12.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.history-timeline-design .period-row .period-content>.period-duration{grid-column:1/-1;grid-row:4;margin-top:6px}
body.history-timeline-design .period-row .period-content>.period-duration+.period-note{grid-row:5}
body.history-timeline-design .period-row .period-content>.period-note{display:none}
body.history-timeline-design .period-row .period-content>.history-note-indicator{display:flex;align-items:center;gap:6px;grid-column:1/-1;grid-row:4;margin-top:6px;padding-top:7px;border-top:1px solid #e8eff0;color:#587b87;font-size:12.5px;line-height:1.45}
body.history-timeline-design .period-row .period-content>.period-duration~.history-note-indicator{grid-row:5}
body.history-timeline-design .history-note-indicator .reference-icon{width:15px;height:15px;flex:none}
body.history-timeline-design .period-row:focus-visible{outline:3px solid #19849a;outline-offset:3px}
@media(max-width:370px){body.history-timeline-design .list-history.history-has-timeline #history{margin-left:15px;padding-left:25px}body.history-timeline-design .period-row::before{left:-45px}body.history-timeline-design .period-row>.ui-icon{left:-39px}body.history-timeline-design .period-row .period-content>.timing-inline{grid-template-columns:1fr;white-space:normal}body.history-timeline-design .timing-inline .expected-long{display:inline-flex}body.history-timeline-design .timing-inline .expected-compact{display:none}body.history-timeline-design .timing-inline>.timing-info{grid-column:1}}