@charset "UTF-8";
:root{--bg:#f6f7f3;--paper:#fff;--ink:#26392f;--muted:#879087;--line:#e9ece5;--green:#5d8067;--green-dark:#41664c;--sage:#edf3eb;--peach:#f6e9dc;--lavender:#edecf5;--radius:18px;--shadow:0 3px 16px rgba(38,57,47,.025);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid #92b89a;outline-offset:3px}[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.sidebar{width:218px;background:#fafbf8;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:38px 21px 19px;display:flex;flex-direction:column;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;padding:0 12px;font-size:37px;line-height:1;font-weight:650;letter-spacing:-2.1px}.brand-dot{color:#8aa58c}.brand-mark{display:flex;gap:3px;align-items:center;height:28px}.brand-mark i{width:4px;border-radius:6px;background:var(--green)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:26px}.brand-mark i:nth-child(3){height:20px}.brand-mark i:nth-child(4){height:10px;background:#b1c1a4}.sidebar-label{margin:58px 12px 14px;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#a0a69e}.navigation{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;width:100%;height:45px;border-radius:9px;padding:0 13px;font-size:13px;color:#7b857d;transition:background .18s,color .18s}.nav-item svg{height:18px;width:18px;stroke-width:1.7}.nav-item:hover{background:#f0f3ec;color:var(--ink)}.nav-item.active{color:#486c50;background:#e9f0e5;font-weight:600}.sidebar-bottom{margin-top:auto}.sidebar-note{margin:22px 12px 28px;color:#9da799}.sidebar-note>.icon{color:#9aaf8d;width:24px;height:24px}.sidebar-note p{font-size:11px;line-height:1.9;margin:12px 0 0}.sidebar-note strong{font-weight:400;color:#7f8a7c}.profile{border-top:1px solid var(--line);padding:21px 5px 0;display:flex;gap:9px;align-items:center}.avatar,.small-avatar{background:#e4ebde;color:#6a8062;border:1px solid #dce5d5;border-radius:50%;display:grid;place-items:center;font-weight:600}.avatar{width:34px;height:34px;font-size:12px;flex:none}.profile-copy{min-width:0;display:grid;gap:2px}.profile-copy strong{font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy>span{font-size:9px;color:var(--muted);max-width:120px}.online-dot,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9db08c;flex:none}.online-dot{margin-left:auto}.app-shell{margin-left:218px}.topbar{height:83px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#9aa196}.breadcrumb span{color:#c7cdc2}.breadcrumb strong{color:#6f7e6e;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:17px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#75826f;transition:background .15s}.icon-button:hover{background:#edf3e9}.icon-button>.icon{width:17px;height:17px}.small-avatar{height:34px;width:34px;font-size:16px;letter-spacing:-1px}.demo-badge{font-size:10px;letter-spacing:.1px;color:#85917c;border:1px solid #dde5d4;padding:4px 9px;border-radius:6px;background:#f1f5eb}main{max-width:1260px;margin:auto;padding:39px 48px 0}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:600;color:#93a38a;margin-bottom:10px}.page-heading h1{font-size:35px;letter-spacing:-1.25px;line-height:1.15;font-weight:550;margin:0 0 12px}.page-heading h1>span{color:#8ba17b}.page-heading p{color:var(--muted);font-size:12px;margin:0;line-height:1.8}.date-pill{display:flex;align-items:center;gap:8px;border:1px solid #e5e8de;background:#fafbf7;border-radius:8px;padding:9px 12px;color:#78836e;font-size:11px;white-space:nowrap}.date-pill>.icon{width:15px;height:15px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-heading h2{font-size:15px;letter-spacing:-.25px;font-weight:550;margin:0}.section-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#9aa293}.overview-heading{margin-bottom:17px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-card{position:relative;background:var(--paper);border:1px solid #e6eae1;border-radius:var(--radius);padding:22px 25px 15px;box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}.metric-card:hover{border-color:#cad8c6;box-shadow:0 5px 22px rgba(38,57,47,.05)}.card-open{position:absolute;inset:0;border:0;border-radius:var(--radius);background:transparent;z-index:1}.card-open:focus-visible{outline-offset:-4px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.card-label{display:flex;align-items:center;gap:10px}.card-label h3{font-size:12px;font-weight:550;margin:0;color:#75836c}.metric-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex:none}.metric-icon>.icon{height:17px;width:17px}.sage{background:#edf3e8;color:#7c9871}.peach{background:#fbf0e4;color:#c19670}.lavender{background:#f0eef7;color:#9b95b9}.card-arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f7f9f4;color:#acb6a4}.card-arrow .icon{width:14px;height:14px}.metric-main{display:flex;align-items:baseline;gap:7px;min-height:54px}.metric-main strong{font-size:42px;letter-spacing:-1.7px;font-weight:500;line-height:1.15;font-variant-numeric:tabular-nums}.metric-unit{font-size:14px;color:#86927e;margin-left:1px}.metric-context{font-size:10px;color:#a7ada1;margin-left:auto;align-self:center}.comparison-row{display:flex;gap:25px;font-size:10px;margin-top:2px;min-height:21px}.delta{font-weight:550;color:#728b68}.delta.negative,.delta.positive{color:#728b68}.comparison-label{color:#9ba492}.metric-chart-wrap{height:89px;margin-top:8px;display:flex;align-items:end}.chart{width:100%;height:100%;display:block;overflow:visible;stroke:none}.chart text{font-family:inherit;fill:#a3aa9b;stroke:none;font-size:12px}.chart-foot{display:flex;justify-content:space-between;align-items:center;color:#a0a894;font-size:9px;margin-top:8px}.chart-key{display:flex;align-items:center;gap:5px}.chart-key i,.sleep-legend i{height:5px;width:5px;border-radius:50%;display:inline-block}.sage-dot{background:#8ca57d}.peach-dot{background:#cfb18e}.lavender-dot{background:#b5b0cc}.calorie-detail{font-size:10px;display:flex;justify-content:space-between;gap:8px;min-height:20px;color:#a0a694;margin-top:2px}.calorie-detail strong{font-weight:500;color:#859078;padding-left:3px}.goal-label{font-size:9px;white-space:nowrap}.goal-track{height:3px;background:#f4f0e9;border-radius:6px;margin-top:4px;overflow:hidden}.goal-track>div{background:#d6bd9a;width:0;height:100%;border-radius:6px;transition:width .4s}.calorie-chart-wrap{height:78px;margin-top:7px}.sleep-card{margin-top:20px;padding-bottom:20px}.sleep-card .card-heading{margin-bottom:13px}.sleep-body{display:flex;gap:44px;align-items:center}.sleep-stats{width:185px;flex:none}.sleep-stats .metric-main{min-height:40px}.sleep-stats .metric-main strong{font-size:30px;letter-spacing:-1.1px}.sleep-caption{font-size:10px;color:#a2a79c;display:block;margin-top:4px}.sleep-window{display:flex;align-items:center;gap:6px;font-size:10px;color:#8c9487;margin-top:14px}.sleep-window>.icon{width:13px;height:13px;color:#a6ad9f}.sleep-average{font-size:9px;color:#a0a599;margin-top:13px;display:grid;gap:3px}.sleep-average strong{font-size:12px;color:#8a8f87;font-weight:500}.sleep-graph{min-width:0;flex:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.sleep-graph>.chart{height:142px}.sleep-legend{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:9px;color:#a4a79b;margin-top:8px}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:20px;margin-top:27px}.tasks-card{background:#fff;border:1px solid #e6eae1;border-radius:var(--radius);padding:20px 23px 0;min-width:0;box-shadow:var(--shadow)}.tasks-card .section-heading{margin-bottom:14px}.heading-with-count{display:flex;gap:9px;align-items:center}.count-badge{font-size:9px;color:#7e9472;background:#eff4e9;border:1px solid #e6eddf;border-radius:5px;padding:2px 6px;white-space:nowrap}.text-button{border:0;background:transparent;color:#819573;padding:0;display:inline-flex;gap:5px;align-items:center;font-size:10px;white-space:nowrap}.text-button:hover{color:var(--green-dark)}.text-button>.icon{height:13px;width:13px}.task-progress-track{height:2px;background:#f0f3eb;overflow:hidden;border-radius:4px;margin-bottom:2px}.task-progress-track>div{height:100%;background:#a1b68e;width:0;border-radius:4px;transition:width .3s}.task-list{display:grid}.task-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #f0f2ed;position:relative}.task-row:last-child{border-bottom:0}.task-check{display:grid;place-items:center;height:20px;width:20px;border:1.5px solid #d9e0d1;border-radius:6px;flex:none;background:#fff;padding:0;color:#fff;transition:background .15s,border-color .15s}.task-check svg{height:13px;width:13px}.task-check.checked,.task-check.done,.task-check[aria-checked=true]{background:#8caa78;border-color:#8caa78}.task-check:checked{accent-color:#8caa78}.task-check:hover{border-color:#8caa78}.task-copy{min-width:0;flex:1}.task-title{font-size:12px;font-weight:450;color:#5f6f56;line-height:1.45;word-break:break-word}.task-title button{font-size:inherit;font-weight:inherit;text-align:left;background:transparent;border:0;padding:0}.task-row.completed .task-title,.task-row.is-complete .task-title{color:#a1aa99}.task-meta{font-size:9px;color:#adb3a5;line-height:1.5;margin-top:3px;display:flex;gap:7px;flex-wrap:wrap}.task-meta .overdue,.overdue{color:#b07962}.task-count{font-size:9px;color:#92a085;background:#f4f7f0;padding:4px 7px;border-radius:5px;white-space:nowrap;flex:none}.task-menu{border:0;background:transparent;font-size:18px;color:#b3bdab;width:22px;height:26px;display:grid;place-items:center;flex:none;padding:0}.task-menu:hover{color:#69825a}.all-tasks{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-top:1px solid #eef1e8;background:transparent;width:100%;color:#8b9c7d;padding:12px 0;font-size:10px;margin-top:4px}.all-tasks>.icon{height:13px;width:13px}.gentle-card{background:#eef2e8;border:1px solid #e7eddf;border-radius:var(--radius);padding:16px 24px 19px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.gentle-art{height:81px;width:122px;color:#a1b58e;display:block;margin-top:1px;margin-bottom:11px}.gentle-art svg{width:100%;height:100%;stroke-width:1.3;fill:#e3ebd9}.gentle-art .art-ground{stroke:#c3cfb6;fill:none}.gentle-card .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:9px;color:#9baa8d}.gentle-card h3{font-size:15px;line-height:1.5;font-weight:500;letter-spacing:-.25px;margin:0 0 10px;color:#697f59}.gentle-card p{font-size:10px;color:#9aa58e;line-height:1.8;margin:0}.gentle-footer{display:flex;gap:5px;align-items:center;font-size:8px;color:#a8b29c;border-top:1px solid #e0e7d8;margin-top:18px;padding-top:12px;white-space:nowrap}.tiny-dot{height:4px;width:4px;border-radius:50%;background:#b0bf9f}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 20px;color:#b3baaa;font-size:8px}.page-footer>span:first-child{font-weight:600;font-size:12px;letter-spacing:-.5px}.page-footer>span:first-child span{font-weight:400;font-size:8px;letter-spacing:0;margin-left:7px}.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.content-card .section-heading{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:0}.content-card .task-row{padding:20px 0}.content-card .task-title{font-size:14px}.content-card .task-meta{font-size:11px}.content-card .task-count{font-size:11px}.content-card .task-check{height:23px;width:23px}.settings-card{max-width:650px}.info-banner{display:flex;align-items:center;gap:14px;background:#edf3e9;border:1px solid #e2eadb;border-radius:13px;padding:17px 20px;margin-bottom:25px}.info-banner .metric-icon{background:#e4eddf}.info-banner strong{font-size:12px;font-weight:550;color:#738767}.info-banner p{font-size:11px;color:#96a18b;margin:4px 0 0;line-height:1.7}.reminders-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reminder-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.reminder-card h3{font-size:14px;font-weight:550;margin:0 0 8px}.reminder-card p{font-size:12px;color:var(--muted);margin:7px 0;line-height:1.7}.reminder-card.disabled{opacity:.65}.reminder-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.reminder-footer,.reminder-actions{display:flex;gap:10px;margin-top:16px;align-items:center}.badge{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;background:#edf3e7;color:#7f946e;border:1px solid #e5ecde;border-radius:5px;padding:3px 7px}.badge.warn{background:#faf0e8;color:#b18c6e;border-color:#f0e2d7}.muted{color:var(--muted)}.mobile-nav{display:none}

/* Editable panels and shared controls. */
dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:510px;max-width:min(100%,510px);border:0;border-left:1px solid #e4e9de;background:#fbfcf8;color:var(--ink);padding:0;box-shadow:-14px 0 60px rgba(35,52,38,.1);overflow-y:auto;overscroll-behavior:contain}dialog[open]{animation:sheet-in .2s ease-out}dialog::backdrop{background:rgba(36,47,35,.24);backdrop-filter:blur(3px)}.sheet-close{position:absolute;right:24px;top:25px;z-index:2;background:#f6f8f2}.sheet-header{padding:32px 32px 24px;border-bottom:1px solid var(--line);padding-right:65px}.sheet-header h2{margin:0 0 6px;font-size:25px;font-weight:550;letter-spacing:-.8px}.sheet-header p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.sheet-header .eyebrow{margin-bottom:12px}.sheet-body{padding:25px 32px 35px}.sheet-body h3{font-size:13px;margin:24px 0 14px;font-weight:550}.sheet-body h3:first-child{margin-top:0}.sheet-body form{margin:0}.sheet-body>.chart{margin-bottom:20px;height:120px}.panel-stat{font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:0 0 7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full,.full-width{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.field>label,.field-label{font-size:11px;color:#7b8a70;font-weight:500}.field>small,.form-help{font-size:10px;line-height:1.6;color:#a1aa98}.input,.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{background:#fff;border:1px solid #dfe6d7;border-radius:9px;color:#52664a;padding:11px 12px;width:100%;min-height:43px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#98b183;box-shadow:0 0 0 3px rgba(137,166,116,.1)}.input::placeholder,input::placeholder,textarea::placeholder{color:#bac1b1}.field textarea{resize:vertical;min-height:90px}.field input[type=checkbox]{accent-color:#7d9b68}.field input[type=datetime-local],.field input[type=date],.field input[type=time]{font-size:12px;min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1px solid #dfe6d6;background:#fff;color:#7b8e6b;min-height:40px;padding:10px 16px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s}.button:hover{background:#f1f5ec;border-color:#cbd8bf}.button .icon{height:15px;width:15px}.button-primary{background:#759367;border-color:#759367;color:#fff;box-shadow:0 2px 3px rgba(54,77,44,.07)}.button-primary:hover{background:#67875a;border-color:#67875a}.button-danger{color:#b0836c;border-color:#efded2;background:#fffaf6}.button-danger:hover{background:#f9eee5;border-color:#e7cbbb}.button-small{padding:7px 11px;min-height:32px;font-size:10px}.button-block{width:100%}.form-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions .button-primary{flex:1}.divider{height:1px;background:var(--line);margin:25px 0}.history-list{display:grid}.history-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ede2;padding:12px 0;font-size:11px;color:#8c9980}.history-row:last-child{border-bottom:0}.history-row strong{font-size:12px;color:#687d5b;font-weight:500}.history-row small{font-size:10px;color:#a1aa96}.history-row .button{padding:5px 8px;min-height:27px;font-size:9px}.history-row-actions{display:flex;gap:6px}.history-row>div:first-child{display:grid;gap:3px}.empty-state{text-align:center;border:1px dashed #dfe6d5;background:#f9fbf5;border-radius:12px;padding:35px 20px;color:#9ba88d;font-size:12px;line-height:1.8;grid-column:1/-1}.empty-state h3{font-weight:500;font-size:16px;margin:0 0 7px;color:#7f956f}.empty-state p{margin:0 0 16px}.empty-state.compact{font-size:10px;border:0;background:transparent;padding:28px 0}.toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;color:#7f906e}.toggle input{appearance:none;width:34px;height:20px;border-radius:20px;background:#dbe3d2;position:relative;margin:0;cursor:pointer;transition:background .2s;flex:none}.toggle input:before{content:"";position:absolute;background:#fff;height:14px;width:14px;border-radius:50%;left:3px;top:3px;transition:transform .2s;box-shadow:0 1px 3px #0001}.toggle input:checked{background:#8da97b}.toggle input:checked:before{transform:translateX(14px)}.toggle input:focus-visible{outline:3px solid #bdd0ac;outline-offset:2px}.weekday-picker{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 18px}.weekday-picker label{cursor:pointer}.weekday-picker input{position:absolute;opacity:0;width:0;height:0}.weekday-picker span{display:grid;place-items:center;border:1px solid #e0e7d7;border-radius:7px;width:36px;height:33px;font-size:11px;color:#9aa88c;background:#fff}.weekday-picker input:checked+span{background:#e9f1e2;border-color:#c5d7b4;color:#7a9367}.weekday-picker input:focus-visible+span{outline:3px solid #bdd0ac}.notice,.panel-note{background:#f0f4e9;border:1px solid #e5ecdb;padding:13px 15px;border-radius:9px;font-size:11px;line-height:1.7;color:#94a284;margin-bottom:20px}.error-message{color:#ae795f;background:#fbf0e7;border:1px solid #efdaca;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6;margin-bottom:14px}.toast{position:fixed;left:calc(50% + 109px);bottom:28px;transform:translateX(-50%);z-index:50;padding:12px 20px;background:#455a3f;color:#f5f8f0;border-radius:10px;box-shadow:0 8px 28px #283d2826;font-size:12px;max-width:calc(100vw - 32px);line-height:1.6;text-align:center}.toast.error{background:#966d56}.loading{opacity:.6;pointer-events:none}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;color:#94a285}.stat-row strong{color:#6f865e;font-weight:500}.settings-card h2,.settings-card h3{font-weight:550;margin-top:0;font-size:16px}.settings-card .field{margin-top:20px}.settings-card>p{font-size:12px;color:var(--muted);line-height:1.8}.inline-check{display:flex;align-items:center;gap:8px;color:#8b9a7c;font-size:12px}.inline-check input{accent-color:#88a373}.danger-zone{padding-top:22px;margin-top:25px;border-top:1px solid var(--line)}.days{display:flex;gap:5px;flex-wrap:wrap}.day{border:1px solid #e2e9d8;border-radius:6px;background:#fff;padding:6px 9px;font-size:10px;color:#95a484}.day.active{background:#edf4e6;border-color:#c5d7b4;color:#799568}@keyframes sheet-in{from{transform:translateX(24px);opacity:.2}to{transform:translateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Application-rendered detail components. */
.weight-empty-hint{display:flex;align-items:center;gap:4px;font-size:10px;color:#789668;font-weight:500;position:absolute;right:25px;top:90px}.weight-empty-hint .icon{height:12px;width:12px}.field{font-size:11px;color:#7b8a70}
.period-picker{display:flex;align-items:center;gap:3px;border:1px solid #e4e9dd;border-radius:7px;padding:3px;background:#f1f4ec}.period-picker button{background:transparent;border:0;border-radius:5px;padding:4px 9px;color:#a0ac95;font-size:9px;line-height:1.4}.period-picker button.active{background:#fff;color:#718b61;box-shadow:0 1px 3px #253b2410}.period-picker button:hover{color:#617c50}.task-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:none;border:0;padding:0;font:inherit;cursor:pointer}.task-copy:hover .task-title{color:#425f34}.task-count{display:inline-flex;align-items:center;gap:3px}.task-count>svg{height:10px;width:10px}.reminder-card{display:flex;align-items:flex-start;gap:12px}.reminder-icon{background:#eff4e9;color:#8ba079;width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px}.reminder-copy{border:0;background:transparent;padding:0;display:flex;flex-direction:column;text-align:left;min-width:0;flex:1}.reminder-copy .task-title{font-size:13px;font-weight:500}.reminder-copy .task-meta{font-size:10px;line-height:1.6;margin-top:5px}.reminder-schedule{color:#98a58b;font-size:10px;margin-top:12px;line-height:1.7}.reminder-card.is-disabled{opacity:.6}.switch{padding:0;border:0;background:#dce4d3;position:relative;width:32px;height:19px;border-radius:14px;flex:none;margin-top:5px;transition:background .15s}.switch span{position:absolute;width:13px;height:13px;border-radius:50%;background:white;left:3px;top:3px;transition:transform .15s;box-shadow:0 1px 3px #0001}.switch.is-on{background:#8eaa7c}.switch.is-on span{transform:translateX(13px)}.reminder-card>.task-menu{margin-top:1px}.span-full{grid-column:1/-1}.input-large{font-size:25px!important;padding:12px 15px!important;font-weight:500;letter-spacing:-.5px}.form-hint{color:#9da98e;font-size:10px;line-height:1.8;margin:0 0 16px}.metric-summary{font-size:11px;line-height:1.8;color:#97a58a;background:#f0f5e9;border:1px solid #e5ecda;border-radius:9px;padding:13px 15px;margin-bottom:21px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:29px;margin-bottom:5px}.history-heading h3{margin:0;font-size:13px;font-weight:550}.history-heading .muted{font-size:10px}.history-list>button.history-row{width:100%;border:0;border-bottom:1px solid #e7ecdf;background:transparent;text-align:left;cursor:pointer;padding:14px 0}.history-list>button.history-row:hover{background:#f4f7ef}.history-row>span:first-child{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.history-row>svg{color:#b1bda4;height:14px;width:14px;margin-left:5px}.history-row .badge{gap:5px}.task-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:26px 0 20px;border:1px solid #e5ecd9;border-radius:11px;padding:16px 18px;background:#f5f8ef}.task-detail-stats>div{display:flex;flex-direction:column;gap:5px}.task-detail-stats>div+div{padding-left:18px;border-left:1px solid #e2e9d8}.task-detail-stats strong{font-size:20px;font-weight:500;color:#7d956a;line-height:1.5}.task-detail-stats span{font-size:10px;color:#a3af96}.button-soft{background:#edf3e6;color:#839a70;border-color:#e3ecd9}.button-soft:hover{background:#e5efdc}.button-danger-quiet{color:#b08c77;border:1px solid transparent;background:transparent}.button-danger-quiet:hover{background:#f7ede4;border-color:#eeddce}.danger-zone{display:flex;flex-wrap:wrap;gap:7px;padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}.danger-zone .button{font-size:10px;padding:8px 10px;min-height:35px}.confirm-action{background:#f5e6d9!important;border:1px solid #e2c5ae!important;color:#9b7050!important}.check-label{display:flex;gap:9px;align-items:flex-start;color:#8c9c7c;font-size:11px;line-height:1.6;margin-bottom:18px;cursor:pointer}.check-label input{accent-color:#86a272;margin:3px 0 0;width:15px;height:15px;flex:none}.check-label span{display:flex;flex-direction:column;gap:4px}.check-label strong{font-weight:500}.check-label small{font-size:10px;line-height:1.6;color:#a1ad92}.weekday-field{border:0;padding:0;margin:0 0 6px}.weekday-field legend{font-size:10px;color:#7b8a70;font-weight:500;margin-bottom:4px}.settings-card .settings-card{padding:0;margin:0;max-width:none;border:0;border-radius:0}.settings-card .settings-card+.settings-card{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.settings-card .settings-card h2{font-size:15px}.settings-card .settings-card .muted{font-size:11px;line-height:1.8}.settings-meta{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #edf1e6;padding:12px 0;color:#a0ad93;font-size:11px}.settings-meta:last-child{border:0}.settings-meta strong{font-weight:500;color:#839971;text-align:right;word-break:break-word}.settings-card .form-grid{align-items:start}.field>span.muted{font-size:10px;display:inline}.app-error{padding:22px;background:#fbf0e8;border:1px solid #eddccc;border-radius:15px;margin-bottom:25px;color:#a7836b;font-size:12px;line-height:1.8}.app-error strong{font-weight:550}.app-error p{margin:8px 0 15px}.toast{opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:transform .2s,opacity .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.is-error{background:#9d795f}.info-banner>.badge{margin-left:auto;white-space:nowrap}
@media(min-width:1500px){main{padding-top:45px}.page-heading{margin-bottom:39px}.metric-card{padding-top:25px}.metric-chart-wrap{height:100px}.calorie-chart-wrap{height:89px}.sleep-card{margin-top:22px}.lower-grid{margin-top:28px}.sleep-graph>.chart{height:151px}}
@media(max-width:1170px){.sidebar{width:190px;padding-left:14px;padding-right:14px}.app-shell{margin-left:190px}.topbar{padding:0 30px}main{padding:32px 30px 0}.page-heading h1{font-size:31px}.metric-card{padding-left:21px;padding-right:21px}.comparison-row{gap:15px}.lower-grid{grid-template-columns:minmax(0,1fr) 215px}.gentle-card{padding-left:14px;padding-right:14px}.sleep-body{gap:24px}.toast{left:calc(50% + 95px)}.calorie-detail .goal-label{display:none}}
@media(max-width:960px){.sidebar{width:165px;padding-left:11px;padding-right:11px}.brand{font-size:32px;padding-left:8px;gap:8px}.brand-mark{gap:2px}.brand-mark i{width:3px}.sidebar-label{font-size:8px;letter-spacing:1px;margin-left:9px}.nav-item{gap:9px;padding:0 10px;font-size:12px}.sidebar-note{margin-left:9px;font-size:9px}.profile{gap:7px}.profile-copy>span{font-size:8px;max-width:87px}.profile-copy strong{font-size:10px}.avatar{width:29px;height:29px}.app-shell{margin-left:165px}.topbar{height:70px;padding:0 25px}main{padding:30px 25px 0}.page-heading{gap:14px;margin-bottom:27px;align-items:flex-start}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.date-pill{margin-top:6px;padding:8px 9px;font-size:10px;gap:6px}.metrics-grid{gap:15px}.metric-card{padding:18px 19px 13px}.metric-main strong{font-size:36px}.metric-unit{font-size:12px}.metric-context{font-size:9px}.card-label h3{font-size:11px}.comparison-row{gap:9px;flex-wrap:wrap;font-size:9px;min-height:22px}.metric-chart-wrap{height:80px}.calorie-chart-wrap{height:70px}.calorie-detail{font-size:9px}.calorie-detail .goal-label{display:none}.sleep-card{margin-top:15px}.sleep-stats{width:157px}.sleep-graph>.chart{height:125px}.sleep-stats .metric-main strong{font-size:27px}.lower-grid{grid-template-columns:1fr;gap:15px;margin-top:22px}.gentle-card{display:none}.tasks-card{padding:20px 22px 0}.page-footer>span:last-child{display:none}.toast{left:calc(50% + 82px)}.reminders-grid{grid-template-columns:1fr}.content-card{padding:20px}.page-heading>.button{max-width:170px;flex:none;font-size:10px;padding:9px 11px}.section-caption{font-size:9px}}
@media(max-width:700px){.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:64px;padding:0 22px}.breadcrumb{font-size:10px;gap:9px}.topbar-actions{gap:10px}.small-avatar{height:30px;width:30px;font-size:14px}.topbar .icon-button{height:31px;width:31px}.demo-badge{font-size:8px;padding:3px 7px}.topbar .icon-button .icon{height:15px;width:15px}main{padding:29px 20px 88px}.page-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}.page-heading h1{font-size:32px;letter-spacing:-1.2px;margin-bottom:9px}.page-heading p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.45px;margin-bottom:9px}.date-pill{font-size:10px;margin-top:0;padding:7px 10px;border-radius:7px}.overview-heading{margin-bottom:14px}.section-heading h2{font-size:14px}.section-caption{font-size:9px;gap:5px}.metrics-grid{gap:12px}.metric-card{padding:16px 15px 12px;border-radius:15px}.card-open{border-radius:15px}.card-heading{margin-bottom:14px}.card-label{gap:7px}.metric-icon{width:27px;height:27px;border-radius:9px}.metric-icon>.icon{height:15px;width:15px}.card-label h3{font-size:11px}.card-arrow{height:19px;width:19px}.card-arrow>.icon{height:12px;width:12px}.metric-main{gap:5px;min-height:44px;flex-wrap:wrap}.metric-main strong{font-size:33px;letter-spacing:-1.5px}.metric-unit{font-size:11px}.metric-context{display:none}.comparison-row{display:grid;gap:3px;font-size:9px;min-height:32px;margin-top:2px}.metric-chart-wrap{height:70px;margin-top:7px}.chart-foot{font-size:8px;gap:6px;line-height:1.5;margin-top:5px}.chart-foot .chart-key{display:none}.calorie-detail{min-height:32px;line-height:1.8;font-size:9px;max-width:105px}.calorie-detail>span:first-child{display:block}.calorie-detail strong{padding-left:0;display:inline-block}.goal-track{margin-top:3px}.calorie-chart-wrap{height:64px;margin-top:6px}.sleep-card{padding-bottom:16px;margin-top:13px}.sleep-card .card-heading{margin-bottom:14px}.sleep-body{gap:18px}.sleep-stats{width:121px}.sleep-stats .metric-main{min-height:32px;gap:3px}.sleep-stats .metric-main strong{font-size:24px;letter-spacing:-1px}.sleep-caption{font-size:8px;margin-top:3px}.sleep-window{font-size:8px;gap:4px;margin-top:12px;white-space:nowrap}.sleep-window>.icon{height:11px;width:11px}.sleep-average{font-size:8px;gap:3px;margin-top:11px}.sleep-average strong{font-size:10px}.sleep-graph>.chart{height:115px}.sleep-legend{font-size:7px;gap:4px;margin-top:5px}.sleep-legend i{height:4px;width:4px}.lower-grid{margin-top:21px}.tasks-card{border-radius:15px;padding:18px 16px 0}.tasks-card .section-heading{margin-bottom:14px}.task-row{gap:10px;padding:15px 0}.task-title{font-size:11px}.task-meta{font-size:8px;gap:5px}.task-count{font-size:8px;padding:3px 5px}.task-check{height:18px;width:18px;border-radius:5px}.task-menu{width:17px}.text-button{font-size:10px}.count-badge{font-size:8px;padding:2px 5px}.all-tasks{font-size:9px;padding:12px}.page-footer{padding-top:21px;padding-bottom:5px}.page-footer>span:first-child{font-size:11px}.page-footer>span:first-child span{font-size:7px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;border-top:1px solid #e5eadf;background:rgba(251,252,248,.96);backdrop-filter:blur(16px);padding:9px 11px calc(8px + env(safe-area-inset-bottom));z-index:20;box-shadow:0 -4px 20px #263b2803}.mobile-nav button{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#a1ac96;padding:2px 0;font-size:8px;line-height:1.5}.mobile-nav button .icon{height:19px;width:19px;stroke-width:1.7}.mobile-nav button.active{color:#6f8d5c;font-weight:550}.toast{left:50%;bottom:83px;font-size:11px;padding:11px 16px;min-width:200px}.content-card{padding:17px;border-radius:15px}.content-card .section-heading{gap:10px;align-items:flex-start}.content-card .section-caption{max-width:110px;line-height:1.6;text-align:right}.content-card .task-title{font-size:12px}.content-card .task-meta{font-size:9px}.content-card .task-count{font-size:9px}.content-card .task-check{height:20px;width:20px}.content-card .task-row{padding:17px 0}.page-heading>.button{font-size:11px;max-width:none;min-height:38px}.info-banner{padding:15px;align-items:flex-start;border-radius:12px;margin-bottom:18px}.info-banner strong{font-size:11px}.info-banner p{font-size:10px}.reminder-card{padding:20px;border-radius:15px}.reminder-card h3{font-size:13px}.reminder-card p{font-size:11px}.reminders-grid{gap:13px}.reminder-actions{flex-wrap:wrap}.button{font-size:11px;padding:10px 14px}.settings-card{padding:20px}.settings-card h2,.settings-card h3{font-size:15px}dialog{inset:auto 0 0 0;width:100%;max-width:100%;height:auto;max-height:92dvh;border-radius:21px 21px 0 0;border-left:0;border-top:1px solid #e4e9de;box-shadow:0 -14px 60px #2334261a;padding-bottom:env(safe-area-inset-bottom)}dialog[open]{animation:sheet-up .2s ease-out}.sheet-close{right:20px;top:22px}.sheet-header{padding:28px 24px 20px;padding-right:60px}.sheet-header h2{font-size:24px}.sheet-body{padding:22px 24px 30px}.sheet-header p{font-size:11px}.history-row{font-size:10px}.history-row strong{font-size:11px}.form-grid{gap:12px}.field input[type=datetime-local]{font-size:11px;padding-left:8px;padding-right:8px}.field>label,.field-label{font-size:10px}.input,.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{font-size:16px}.field input[type=date],.field input[type=time]{font-size:13px}.weekday-picker span{width:34px;height:32px}@keyframes sheet-up{from{transform:translateY(35px);opacity:.3}to{transform:translateY(0);opacity:1}}}
@media(max-width:370px){main{padding-left:14px;padding-right:14px}.topbar{padding-left:16px;padding-right:16px}.breadcrumb{font-size:9px;gap:6px}.topbar-actions{gap:6px}.page-heading h1{font-size:29px}.metric-card{padding-left:12px;padding-right:12px}.metric-main strong{font-size:29px}.sleep-body{gap:12px}.sleep-stats{width:111px}.sleep-stats .metric-main strong{font-size:22px}.card-label h3{font-size:10px}.card-label{gap:5px}.sleep-graph>.chart{height:108px}.task-meta{font-size:7px}.task-row{gap:8px}.sheet-body{padding-left:19px;padding-right:19px}.sheet-header{padding-left:19px}}

/* Readable supporting information and a full-width sleep chart on phones. */
:root{--muted:#737f70}.page-heading p{color:#7b8775}.section-caption{color:#7e8b75}.card-label h3{color:#687b5d}.metric-context{color:#85937a}.comparison-row{color:#7f9072}.delta{color:#6e855f}.chart-foot{color:#7f8e72;font-size:10px}.calorie-detail{color:#829373}.calorie-detail strong{color:#6f855e}.sleep-caption{color:#86947c}.sleep-window{color:#7f8f73}.sleep-average{color:#879579}.sleep-average strong{color:#6e815e}.sleep-legend{color:#879579}.task-title{color:#5f7452}.task-meta{color:#8b9b7c;font-size:10px}.task-count{color:#7e956a;font-size:10px}.profile-copy>span{color:#7e8f70;font-size:10px}.gentle-card p{color:#7f916e}.gentle-footer{color:#899a79}.card-label h3{font-size:12px}.form-hint,.field>small,.form-help,.check-label small{color:#839573}.metric-summary{color:#7c9169}.history-row{color:#7f946d}.history-row small{color:#8d9d7f}.notice,.panel-note{color:#80946b}.reminder-copy .task-meta,.reminder-schedule{color:#839773}.settings-meta{color:#879b74}.period-picker button{color:#819571}.toast{font-size:12px}
@media(max-width:700px){.page-heading p{font-size:12px}.section-caption{font-size:10px}.date-pill{font-size:11px}.card-label h3{font-size:11px}.metric-unit{font-size:12px}.comparison-row{font-size:10px;min-height:43px;gap:5px;line-height:1.5}.calorie-detail{font-size:10px;min-height:43px;line-height:1.5;max-width:100%}.calorie-detail>span:first-child{display:flex;flex-direction:column;gap:3px}.calorie-detail strong{font-size:11px}.metric-chart-wrap{height:74px}.calorie-chart-wrap{height:68px}.chart-foot{font-size:10px;line-height:1.5;margin-top:7px}.sleep-body{display:flex;flex-direction:column;align-items:stretch;gap:15px}.sleep-stats{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:4px 12px;align-items:center}.sleep-stats .metric-main{grid-column:1;grid-row:1;min-height:34px}.sleep-stats .metric-main strong{font-size:27px;letter-spacing:-1px;line-height:1.2}.sleep-caption{grid-column:1;grid-row:2;font-size:10px;margin-top:0}.sleep-window{grid-column:2;grid-row:2;justify-content:flex-end;font-size:10px;margin-top:0;gap:5px;white-space:normal;text-align:right}.sleep-window>.icon{height:12px;width:12px}.sleep-average{grid-column:2;grid-row:1;text-align:right;font-size:10px;gap:2px;margin-top:0;line-height:1.5}.sleep-average strong{font-size:11px}.sleep-graph{width:100%;align-self:auto}.sleep-graph>.chart{height:145px}.sleep-legend{font-size:10px;margin-top:5px;justify-content:flex-end}.sleep-card{padding-bottom:16px}.task-title{font-size:12px}.task-meta,.content-card .task-meta{font-size:11px;line-height:1.55}.task-count,.content-card .task-count{font-size:10px;gap:3px;padding:4px 5px}.task-meta{margin-top:4px}.task-row{align-items:flex-start;padding:16px 0;gap:9px}.task-check{margin-top:2px}.task-menu{margin-top:1px}.task-count{margin-top:2px}.task-count>svg{height:10px;width:10px}.task-title{line-height:1.5}.count-badge{font-size:9px}.text-button{font-size:11px}.all-tasks{font-size:11px;padding:13px 0}.period-picker button{font-size:10px;padding:4px 7px}.history-heading .muted,.history-row small{font-size:10px}.history-row{font-size:11px}.history-row strong{font-size:12px}.field,.field>label,.field-label,.weekday-field legend{font-size:11px}.field>small,.form-help,.form-hint{font-size:11px}.metric-summary{font-size:11px}.reminder-copy .task-title{font-size:13px}.reminder-copy .task-meta,.reminder-schedule{font-size:11px}.info-banner strong{font-size:12px}.info-banner p{font-size:11px}.info-banner>.badge{font-size:9px;padding:3px 5px}.info-banner{gap:10px}.settings-meta{font-size:12px}.settings-card .settings-card .muted{font-size:12px}.check-label{font-size:12px}.check-label small{font-size:11px}.task-detail-stats span{font-size:11px}.danger-zone .button{font-size:11px}.sheet-header p{font-size:12px}.empty-state.compact{font-size:11px}.page-footer>span:first-child span{font-size:9px}.breadcrumb{font-size:11px}.demo-badge{font-size:9px}.topbar{padding-left:20px;padding-right:20px}.topbar-actions{gap:8px}.small-avatar{display:none}.toast{font-size:12px}}
@media(max-width:370px){.page-heading h1{font-size:29px}.metric-card{padding-left:12px;padding-right:12px}.metric-main strong{font-size:30px}.sleep-stats .metric-main strong{font-size:25px}.sleep-graph>.chart{height:137px}.sleep-average{font-size:9px}.sleep-average strong,.sleep-window{font-size:10px}.task-meta{font-size:10px}.task-count{font-size:9px}.card-label h3{font-size:11px}.period-picker button{padding-left:6px;padding-right:6px}.breadcrumb{font-size:10px}}
.weight-empty-hint{position:static;margin-left:auto;align-self:center;flex:none}