:root{--bg:#f6f3ee;--paper:#fffdfa;--ink:#51483f;--muted:#91877b;--line:#e9e2d8;--accent:#a58e75;--sage:#e9eee5;--blush:#f5e9e5;--shadow:0 8px 28px rgba(74,61,46,.045)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;background:#eee8df;border-right:1px solid #e6ded3;padding:30px 18px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 38px}.brand-mark{font-size:30px;color:#9b8062}.brand strong{display:block;font-family:Georgia,serif;font-size:20px;font-weight:500}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.6px;margin-top:4px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#766b5e;text-align:left;padding:13px 14px;border-radius:12px;font-size:17px;cursor:pointer}.nav-item span{font-size:13px;margin-left:10px}.nav-item:hover,.nav-item.active{background:#fffdfa;color:#5a4c3d;box-shadow:0 3px 12px #6e5d4a0c}.sidebar-note{margin-top:auto;background:#e5e9df;border-radius:14px;padding:15px;color:#6c765f}.sidebar-note span{font-size:24px}.sidebar-note p{font-family:Georgia,serif;line-height:1.5;margin:7px 0 0}.sidebar-foot{font-size:9px;letter-spacing:1.4px;color:#a49a8e;padding:20px 10px 0}.main{width:calc(100% - 246px);margin-left:246px;max-width:1500px;padding:0 48px 35px}.topbar{height:76px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line);margin-bottom:35px}.topbar-right{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4e9df;color:#66725e;font-family:Georgia,serif}.mobile-brand{display:none}.page{display:none;max-width:1120px;margin:auto}.page.active{display:block}.welcome-row,.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#a18e79;font-weight:700;margin:0 0 9px}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1.1px;margin-bottom:8px}h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin-bottom:8px}.muted{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:0}.sun-art{font-size:68px;color:#bba88f;padding:0 22px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stat-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:var(--shadow)}.stat-card{min-height:155px}.stat-card.sage{background:#f0f2ec}.stat-card.blush{background:#f7efeb}.stat-icon{font-size:19px;color:#a28c73}.stat-card p{font-size:12px;color:#897e72;margin:13px 0 5px}.stat-card strong{display:block;font-family:Georgia,serif;font-size:28px;font-weight:400}.stat-card small{display:block;color:#a1988d;font-size:10px;margin-top:7px}.content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;margin-bottom:18px}.panel{margin-bottom:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-heading h2{margin-bottom:0}.text-button,.add-inline{border:0;background:none;color:#927b62;cursor:pointer;font-size:12px}.priority-list,.task-list,.habit-list,.spend-list,.meal-list{display:grid;gap:9px}.priority-item,.task-item,.habit-item,.spend-item,.meal-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0ebe5}.priority-item:last-child,.task-item:last-child,.habit-item:last-child,.spend-item:last-child,.meal-item:last-child{border-bottom:0}.priority-item span:nth-child(2),.task-item label,.habit-item span:nth-child(2){flex:1;font-size:13px}.priority-item .dot{width:7px;height:7px;border-radius:50%;background:#b69d80}.quote-panel{background:#eee9e0;display:flex;flex-direction:column;justify-content:center;min-height:210px}.quote-mark{font-family:Georgia,serif;font-size:48px;color:#b09a80;height:40px}.quote-panel h2{font-size:25px;line-height:1.3;max-width:340px}.add-inline{padding:12px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.quick-grid button{border:1px solid var(--line);background:#fffdfa;border-radius:12px;padding:17px 7px;color:#716557;cursor:pointer;font-size:11px}.quick-grid span{display:block;font-size:23px;margin-bottom:8px;color:#a18b70}.entry-form{display:flex;gap:9px;margin-bottom:18px}.entry-form input,.entry-form select,.budget-entry input,textarea{min-width:0;border:1px solid var(--line);background:#fffefa;border-radius:10px;padding:12px 13px;color:var(--ink);font:inherit;outline:none}.entry-form input{flex:1}.entry-form input:focus,textarea:focus,.budget-entry input:focus{border-color:#bba58c}.primary-button,.secondary-button{border:0;border-radius:10px;background:#8f7b64;color:white;padding:12px 17px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.secondary-button{background:#e9e4dc;color:#6f6253}.filter-row{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:7px}.filter{border:0;border-radius:20px;background:transparent;color:var(--muted);padding:7px 13px;font-size:11px;cursor:pointer}.filter.active{background:#eee8df;color:#625443}.task-item input,.habit-item input{accent-color:#8e9b80;width:17px;height:17px}.task-item.done label{text-decoration:line-through;color:#aaa}.priority-tag{font-size:9px;background:#f5e9e5;color:#a1786a;border-radius:20px;padding:4px 7px}.delete-button{border:0;background:transparent;color:#b5a99b;cursor:pointer;font-size:17px}.field-label{display:block;font-size:12px;color:#7d7164;margin-bottom:9px}textarea{width:100%;min-height:150px;resize:vertical;line-height:1.6;margin-bottom:12px}.tiny{font-size:10px;margin-top:9px}.budget-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.budget-entry{display:flex;gap:8px}.budget-entry input{flex:1;width:100px}.budget-total{align-self:end}.budget-total span{display:block;color:var(--muted);font-size:11px}.budget-total strong{font-family:Georgia,serif;font-size:28px;font-weight:400}.progress-track{grid-column:1/-1;height:8px;background:#eee9e1;border-radius:20px;overflow:hidden}.progress-track div{height:100%;width:0;background:#9aa58d;border-radius:20px;transition:width .2s}.budget-panel .tiny{grid-column:1/-1}.spend-item strong{margin-left:auto;font-size:13px;font-weight:500}.meal-item strong{width:90px;font-size:12px;font-weight:500;color:#8c7a65}.journal-history article{background:#f0eee8;padding:16px;border-radius:12px;margin-top:10px}.journal-history time{font-size:10px;color:var(--muted)}.journal-history p{font-size:13px;white-space:pre-wrap;margin:8px 0 0;line-height:1.6}.footer{max-width:1120px;margin:35px auto 0;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:#a59a8e}.footer span{float:right}.mobile-nav{display:none}
@media(max-width:900px){.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px);padding:0 25px 30px}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.sidebar{display:none}.main{width:100%;margin:0;padding:0 16px 92px}.topbar{height:58px;margin-bottom:25px;justify-content:space-between}.mobile-brand{display:block;font-family:Georgia,serif;font-size:19px}.topbar-right{gap:9px;font-size:10px}.welcome-row{margin-bottom:20px}h1{font-size:34px}.sun-art{font-size:48px;padding:0 5px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:15px;min-height:130px}.stat-card:last-child{grid-column:1/-1}.stat-card strong{font-size:24px}.content-grid{grid-template-columns:1fr;gap:0}.panel{padding:17px;border-radius:14px}.quote-panel{min-height:175px}.quick-grid{grid-template-columns:repeat(3,1fr)}.entry-form{flex-wrap:wrap}.entry-form input{flex-basis:100%}.entry-form select{flex:1}.entry-form .primary-button{flex:0 0 auto}.budget-panel{grid-template-columns:1fr}.budget-total{align-self:auto}.budget-panel .progress-track,.budget-panel .tiny{grid-column:1}.budget-entry{flex-wrap:wrap}.budget-entry input{flex:1}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:#fffdfa;border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:#968979;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:18px;min-width:42px}.mobile-nav button small{font-size:9px}.mobile-nav button.active{color:#665542}.footer span{float:none;display:block;margin-top:5px}}

/* My Life HQ — warm feminine + clean productivity refinement */
:root{--bg:#f7f3ed;--paper:#fffdf9;--ink:#51483f;--muted:#92877b;--line:#e9e1d6;--accent:#a58e75}
h1,h2,.brand strong{letter-spacing:-.35px}
.panel,.stat-card{box-shadow:0 7px 25px rgba(74,61,46,.035)}
.nav-item.active{background:#fffdf9;border:1px solid #e9e1d6}
.quick-grid button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);transition:transform .15s ease}
.section-tiles{margin-bottom:18px}
@media(max-width:650px){.section-tiles{grid-template-columns:repeat(2,1fr)}}

/* My Health — gentle, private symptom and cycle tracking */
.health-notice{background:#f0eee8;border:1px solid #e5ded3;border-radius:13px;padding:15px 18px;margin-bottom:18px;color:#75695c}
.health-notice strong{font-family:Georgia,serif;font-size:16px;font-weight:500}
.health-notice p{font-size:11px;line-height:1.6;margin:6px 0 0;color:#887d70}
.health-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.health-chip{font-size:10px;color:#7d8a70;background:#edf0e8;border-radius:20px;padding:6px 10px}
.health-intro{margin:-4px 0 18px}
.health-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.health-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#75695c}
.health-form label.wide{grid-column:1/-1}
.health-form input:not([type=range]),.health-form select,.health-form textarea{width:100%;min-width:0;border:1px solid var(--line);background:#fffefa;border-radius:10px;padding:11px 12px;color:var(--ink);font:inherit;font-size:13px}
.health-form input[type=range]{width:100%;accent-color:#9a8a74}
.health-form output{font-family:Georgia,serif;color:#79664f;font-size:15px}
.range-hint{font-size:10px;color:#a09689;font-weight:400}
.health-form button{justify-self:start}
.health-list-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 8px}
.health-list-heading h3{font-family:Georgia,serif;font-weight:400;font-size:17px;margin:0}
.health-history{display:grid;gap:9px}
.health-entry{border:1px solid #eee8df;background:#fffefa;border-radius:11px;padding:13px 14px}
.health-entry-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.health-entry strong{font-size:12px;font-weight:600}
.health-entry p{font-size:11px;color:#897e72;line-height:1.5;white-space:pre-wrap;margin:7px 0 0}
.health-entry-meta{font-size:10px;color:#9a8c7c}
.health-entry .delete-button{font-size:16px}
.cycle-summary{background:#f2eee7;border-radius:12px;padding:14px;margin-top:18px;font-size:12px;color:#776b5e}
.cycle-summary strong{font-family:Georgia,serif;font-weight:400;font-size:18px;color:#5c5146}
@media(max-width:650px){.health-overview{grid-template-columns:1fr 1fr}.health-overview .stat-card:last-child{grid-column:1/-1}.health-form{grid-template-columns:1fr}.health-form label.wide{grid-column:auto}.health-form button{width:100%}}

.feature-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 20px}.feature-form label{display:flex;flex-direction:column;gap:7px;color:#75695c;font-size:12px}.feature-form .wide{grid-column:1/-1}.feature-form input,.feature-form select,.feature-form textarea,#food-view-date{min-width:0;width:100%;border:1px solid var(--line);border-radius:10px;background:#fffefa;color:var(--ink);padding:11px;font:inherit;font-size:13px}.feature-form button{justify-self:start}.nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.nutrition-grid>div{background:#f1eee8;padding:14px;border-radius:12px}.nutrition-grid span,.nutrition-grid small{display:block;color:#92877b;font-size:11px}.nutrition-grid strong{display:block;font:normal 25px Georgia,serif;margin:6px 0}.flare-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#eff0e9}.flare-toggle h2{margin-bottom:5px}.flare-day #page-home .stats-grid,.flare-day #page-home .quote-panel{display:none}.flare-day #page-home .flare-toggle{background:#e6ebdf}.health-entry-top>div{min-width:0}.health-entry{overflow-wrap:anywhere}.mobile-nav{overflow-x:auto;justify-content:space-between;gap:4px}.mobile-nav button{flex:1;min-width:40px}
@media(max-width:650px){.feature-form{grid-template-columns:1fr}.feature-form .wide{grid-column:auto}.feature-form button{width:100%}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.flare-toggle{flex-direction:column;align-items:flex-start}.mobile-nav button{font-size:15px;min-width:39px}.mobile-nav button small{font-size:8px}}

/* My Rhythm */
.rhythm-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.rhythm-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.rhythm-buttons button{background:#f2eee8;border:1px solid #ddd3c8;border-radius:11px;padding:10px 12px;color:#655749;cursor:pointer;font:inherit;font-size:12px}.rhythm-buttons button.selected{background:#dfe7d8;border-color:#879a7e;font-weight:700}.rhythm-check{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid #eee8df;font-size:13px;line-height:1.45}.rhythm-check input{margin-top:3px;accent-color:#819276}.rhythm-check small{display:block;color:#9a8d80;font-size:11px;margin-top:3px}.rhythm-field{display:grid;gap:7px;margin:14px 0;font-size:12px;color:#76685a}.rhythm-field input,.rhythm-field select,.rhythm-field textarea{width:100%;border:1px solid #ddd3c8;border-radius:10px;padding:11px;background:#fffefa;color:#655749;font:inherit}.rhythm-meter{height:11px;border-radius:20px;background:#ece8e2;overflow:hidden;margin:14px 0}.rhythm-meter>div{height:100%;background:#8aa6a2;width:0;transition:width .2s}.rhythm-small{font-size:11px;color:#96897c}.rhythm-block{border-top:1px solid #eee8df;margin-top:15px;padding-top:14px}.rhythm-task{padding:9px 0}.rhythm-task strong{font-weight:600}.rhythm-highlight{background:#f1f2e9;padding:12px;border-radius:11px;margin:12px 0;font-size:12px}.rhythm-progress{margin:10px 0;font-size:13px;color:#716658}@media(max-width:750px){.rhythm-layout{grid-template-columns:1fr}}

#workday-panel[hidden]{display:none!important}#work-priorities .rhythm-field{display:block;margin:9px 0}#workday-panel h3{margin:16px 0 10px}#workday-panel .rhythm-layout{align-items:start}#work-timer-status{padding:12px;margin-top:12px}#workday-panel input,#workday-panel textarea,#workday-panel select{max-width:100%}