@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:var(--c-2b4137);background:var(--c-f7f8f2);font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;border-radius:8px;padding:9px 12px}button:hover{background:var(--c-e8eee2)}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--c-a4b88a);outline-offset:3px}input,select{color:inherit}.primary{background:var(--c-375d49);color:#fff;font-weight:600}.primary:hover{background:var(--c-294b39)}aside{width:255px;flex-shrink:0;background:var(--c-eef1e8);padding:32px 22px;display:flex;flex-direction:column;border-right:1px solid var(--c-e1e6da);position:sticky;top:0;height:100dvh;overflow:auto}.brand{text-decoration:none;color:inherit;font-weight:700;font-size:19px;letter-spacing:-.8px;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--c-375d49);color:#fff;border-radius:9px;margin-right:5px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--c-788371)}.sidebar-caption{margin:20px 0 30px;font-size:8px}aside>.primary{width:100%;text-align:left;padding:13px 14px;font-size:12px}.overview{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:12px;padding:13px}.selected{background:var(--c-dfe7d7);color:var(--c-294b39)}aside h2{font-size:10px;color:var(--c-7c8676);text-transform:uppercase;letter-spacing:1.3px;margin-top:24px}aside h2 span{float:right}nav{display:grid;gap:4px;margin-top:6px}nav button{text-align:left;display:flex;gap:10px;align-items:center;width:100%;padding:12px;font-size:12px}nav .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav small{color:var(--c-7a8772);font-size:10px}.aside-bottom{margin-top:auto;padding-top:50px;font-size:10px;color:var(--c-7c8676)}.aside-bottom p{line-height:1.8}.aside-bottom button{display:block;font-size:10px;padding-left:0}.saved{color:var(--c-57744c)}main{width:min(1130px,100%);padding:28px 55px 20px;margin:0 auto}header{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--c-8a9284);padding-bottom:20px;border-bottom:1px solid var(--c-e5e8df)}.intro{position:relative;padding:32px 0 30px;display:flex;justify-content:space-between;align-items:center}.intro .eyebrow{color:var(--c-718659)}h1{font-family:Manrope,sans-serif;font-size:35px;line-height:1.2;letter-spacing:-1.5px;margin:10px 0 12px;font-weight:600}.profile{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--c-7c8873)}.profile input{border:0;background:transparent;font-size:13px;padding:3px 0;width:170px;max-width:60%;border-bottom:1px dashed var(--c-d4ddcb)}.profile input::placeholder{color:var(--c-929e86)}.edit-hint{color:var(--c-9ba88d);font-size:12px}.intro-note{font:italic 17px Georgia;color:var(--c-9aab80);transform:rotate(-9deg);white-space:nowrap;padding:20px 4px 0 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading h2{font-size:12px;margin:0;font-weight:600}.section-heading>span{font-size:9px;color:var(--c-8d9783)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{border:1px solid var(--c-e1e6da);border-radius:13px;background:#fff;padding:15px 18px 17px;position:relative}.metric:nth-child(2){background:var(--c-f0f3e7)}.metric:nth-child(3){background:var(--c-f1f4ed)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-label{font-size:11px;color:var(--c-748466);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-edit{font-size:12px;color:var(--c-8c9b7d);padding:3px 6px}.metric-value{display:flex;align-items:baseline;gap:5px;margin-top:10px}.metric-value input{width:100%;min-width:0;border:0;background:transparent;font-family:Manrope,sans-serif;font-size:30px;font-weight:600;padding:0;color:var(--c-3d5942);-moz-appearance:textfield}.metric-value input::-webkit-inner-spin-button{appearance:none}.metric-value input::placeholder{color:var(--c-b6c2aa)}.metric-value span{font-size:10px;color:var(--c-8b997e);max-width:75px;overflow-wrap:anywhere}.metric-foot{font-size:9px;color:var(--c-9ca58f);margin-top:9px}.planner{margin-top:25px;padding:20px 20px 16px;background:#fff;border:1px solid var(--c-e2e7dc);border-radius:13px}.calendar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.month-controls{display:flex;align-items:center;gap:4px}.month-controls select,.month-controls input{border:0;background:transparent;font-size:13px;font-weight:600;padding:6px 2px}.month-controls input{width:68px}.subtle{font-size:10px;color:var(--c-7f8e70);background:var(--c-f4f6ef);padding:7px 10px}.week-row{display:flex;align-items:center;gap:10px}.week-arrow{font-size:17px;padding:8px}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;flex:1}.day{display:flex;flex-direction:column;align-items:center;padding:10px 3px 7px;gap:5px;position:relative;border:1px solid transparent}.day .weekday{font-size:9px;color:var(--c-98a18e)}.day .daynum{font-family:Manrope,sans-serif;font-size:18px;font-weight:600}.day.chosen{background:var(--c-375d49);color:white}.day.chosen .weekday{color:var(--c-dce4d4)}.day.is-today:not(.chosen){border-color:var(--c-a8ba95)}.day .dot{width:4px;height:4px;border-radius:50%;background:transparent}.day.has-progress .dot{background:var(--c-94ae76)}.day.chosen .dot{background:var(--c-c9d8b9)}.daily-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 15px;gap:20px}.daily-heading h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.6px;margin:7px 0 0;font-weight:600}.daily-summary{width:180px;flex-shrink:0}.daily-summary>span{font-size:10px;color:var(--c-859276);display:block;margin-bottom:8px}.track{height:5px;border-radius:4px;background:var(--c-e7ecdf);overflow:hidden}.track div{height:100%;background:var(--c-91aa70);transition:width .25s}.list-toolbar{display:flex;align-items:center;justify-content:space-between}.filters{display:flex;gap:5px}.filters button{font-size:10px;color:var(--c-92998b);padding:7px 11px}.filters .active{background:var(--c-e9efdf);color:var(--c-577345)}#showAll{font-size:10px;color:var(--c-637c53)}.repeat-note{font-size:10px;line-height:1.6;color:var(--c-8a957f);margin:12px 0 17px}.card{background:#fff;border:1px solid var(--c-e2e7dc);border-radius:13px;padding:19px 22px;margin-bottom:16px;box-shadow:0 5px 25px var(--c-354c3803)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.list-title{border:0;background:transparent;font-family:Manrope,sans-serif;font-size:18px;font-weight:700;min-width:0;width:100%;padding:4px 0}.tools{display:flex;align-items:center;gap:2px;flex-shrink:0}.tools button{font-size:10px;color:var(--c-89917f);padding:6px 8px}.tools .danger:hover{color:var(--c-a24b3c);background:var(--c-f9eeea)}.card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--c-9aa58d);font-size:9px;margin:6px 0 8px}.mini-track{width:65px}.tasks{margin-top:5px}.task{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--c-f0f2ed);padding:8px 0}.task input[type=checkbox]{width:18px;height:18px;accent-color:var(--c-77945e);cursor:pointer;flex-shrink:0}.task .text{width:100%;border:0;background:transparent;min-width:0;color:var(--c-485749);font-size:12px;padding:7px 0}.task.done .text{text-decoration:line-through;color:var(--c-a0aa98)}.task button{font-size:14px;color:var(--c-99a28f);padding:4px}.task .move{font-size:11px}.empty{font-size:12px;color:var(--c-87917f);padding:20px 0;text-align:center}.add-task{display:flex;gap:10px;align-items:center;margin-top:15px;background:var(--c-fafbf7);border:1px dashed var(--c-d9e1d1);border-radius:8px;padding:6px 9px;color:var(--c-9aa88b)}.add-task input{border:0;background:transparent;min-width:0;flex:1;padding:7px 0;font-size:11px;color:var(--c-485749)}.add-task button{font-size:10px;white-space:nowrap}.card footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px;color:var(--c-99a18f)}.card footer button{font-size:9px;padding:7px}.add-checklist{border:1px dashed var(--c-ccd8c0);width:100%;padding:14px;font-size:11px;color:var(--c-7b9069);border-radius:10px;margin:0 0 4px}.footnote{text-align:center;font:italic 12px Georgia;color:var(--c-a2aa97);margin:22px 0 12px}#status{font-size:11px;color:var(--c-6b795b);text-align:center;min-height:20px}dialog{border:1px solid var(--c-dbe2d3);border-radius:16px;padding:26px;max-width:400px;width:calc(100% - 32px);color:var(--c-2b4137);box-shadow:0 20px 90px var(--c-20382426)}dialog::backdrop{background:var(--c-243a2d55)}dialog h2{font-family:Manrope,sans-serif;font-size:23px;margin:9px 0}dialog p{font-size:12px;color:var(--c-849278);line-height:1.6}dialog label{font-size:12px;display:block;margin-top:16px}dialog label input{display:block;width:100%;padding:10px;border:1px solid var(--c-dbe2d3);border-radius:7px;margin-top:7px;background:var(--c-fafbf7)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(min-width:1450px){main{padding:32px 65px}}@media(max-width:1050px){aside{width:225px;padding:28px 17px}main{padding:28px}.intro-note{display:none}h1{font-size:30px}.metric{padding:13px}.week{gap:4px}}@media(max-width:760px){aside{width:190px;padding:24px 13px}.brand{font-size:16px;letter-spacing:-.6px}.brand span{width:26px;height:26px}.sidebar-caption{font-size:7px;letter-spacing:1px}main{padding:23px 19px}.section-heading>span{font-size:8px}.metrics{gap:8px}.metric-value input{font-size:25px}.metric{padding:10px}.metric-value{gap:3px;display:block}.metric-value span{display:block;margin-top:3px}.planner{padding:14px 9px}.week-row{gap:3px}.week-arrow{padding:5px}.day .weekday{font-size:8px}.daily-summary{width:125px}.daily-heading h2{font-size:20px}.card{padding:17px}.tools button{font-size:9px;padding:5px}.repeat-note{font-size:9px}}@media(max-width:600px){body{display:block}aside{position:static;width:100%;height:auto;overflow:visible;padding:18px 16px;border-right:0;border-bottom:1px solid var(--c-e1e6da);display:block}.brand{font-size:18px}.sidebar-caption,aside h2,.aside-bottom p{display:none}aside>.primary{width:auto;float:right;padding:8px 10px;font-size:10px}.overview{display:inline-flex;margin:15px 4px 0 0;padding:8px 10px;font-size:10px}nav{display:flex;overflow:auto;margin-top:10px;gap:5px}nav button{width:auto;min-width:100px;max-width:200px;flex-shrink:0;padding:8px 10px;font-size:11px}.aside-bottom{padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px}.backup-actions{display:flex;gap:8px}.backup-actions button{font-size:8px;padding:3px}.saved{font-size:8px}main{padding:20px 16px}.intro{padding:27px 0 24px}h1{font-size:29px}.section-heading>span{font-size:8px}.metrics{gap:8px}.metric-value input{font-size:27px}.metric-label{font-size:10px}.metric-foot{font-size:8px}.metric-edit{font-size:10px}.planner{margin-top:18px}.month-controls select,.month-controls input{font-size:12px}.week{gap:3px}.day{padding:9px 2px 5px}.day .daynum{font-size:17px}.daily-heading{margin-top:24px;gap:10px}.daily-heading h2{font-size:20px}.daily-summary{width:115px}.daily-summary>span{font-size:9px}.task{gap:7px}.task .text{font-size:12px}.card{padding:17px 14px}.list-title{font-size:17px}.tools button{font-size:9px}.card footer{font-size:8px}.card footer button{font-size:8px}header{font-size:7px;letter-spacing:.9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.metric-value input{flex:1;width:0}.metric-value span{flex-shrink:0}@media(max-width:760px){.metric-value input{width:100%}}
/* Account controls */
#accountLoadStatus{display:none;padding:40px;font-size:14px;color:var(--c-65775a)}.account-loading #accountLoadStatus{display:block}.account-loading>aside,.account-loading>main{display:none}.header-right{display:flex;align-items:center;gap:15px}#signedOutControls,#signedInControls{display:flex;align-items:center;gap:6px;letter-spacing:0;font-size:11px}#accountIdentity{max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#accountHeaderStatus{font-size:11px;color:var(--c-855d35);line-height:1.6;margin-top:8px}.storage-notice{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:10px;line-height:1.6;color:var(--c-809070);padding-top:12px}.storage-notice button{font-size:10px;color:var(--c-375d49);text-decoration:underline}#accountDialog{padding:29px;max-width:430px}#accountDialog h2{padding-right:25px}#accountDialog label input{padding:11px}#accountDialog input:disabled{opacity:.6}.close-account{position:absolute;right:13px;top:12px;font-size:22px;color:var(--c-829376)}.google-login{width:100%;border:1px solid var(--c-dbe2d3);padding:12px;font-weight:600;font-size:12px;background:#fff}.google-login span{display:inline-block;margin-right:7px;font-family:Arial,sans-serif;font-weight:700;color:var(--c-375d49)}.account-divider{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--c-96a08b);margin:18px 0 4px}.account-divider:before,.account-divider:after{content:'';flex:1;height:1px;background:var(--c-e6ebdf)}.forgot-password{display:block;margin:6px 0 0 auto;font-size:11px;color:var(--c-667e55);padding-right:0}#accountMessage{min-height:18px;font-size:11px;line-height:1.6;color:var(--c-8d5c36);margin:13px 0}#accountSubmit{width:100%;padding:12px}#accountSwitch{display:block;margin:10px auto 0;font-size:11px;color:var(--c-688054)}#openSignIn:disabled,#openSignUp:disabled{opacity:.45}aside>.primary{margin-top:22px}@media(max-width:800px){header{align-items:flex-start}.header-right{gap:8px;align-items:flex-end;flex-direction:column}.storage-notice{align-items:flex-start}#accountIdentity{max-width:140px}}@media(max-width:600px){aside>.primary{margin-top:0}.header-right .date{font-size:7px}#signedOutControls,#signedInControls{font-size:10px}.storage-notice{font-size:9px;flex-wrap:wrap}#accountDialog{padding:24px 20px}#accountIdentity{max-width:120px}#signedInControls{flex-wrap:wrap;justify-content:flex-end;max-width:210px}}
/* Optional tracker library */
.snapshot-actions{display:flex;gap:12px;align-items:center}.snapshot-actions>span{font-size:9px;color:var(--c-8d9783)}.snapshot-actions>button{font-size:10px;color:var(--c-46633b)}#trackerCount{color:var(--c-8b987e);font-weight:400;font-size:10px;margin-left:3px}.tracker-empty{grid-column:1/-1;text-align:center;border:1px dashed var(--c-ced9c3);border-radius:13px;padding:24px 20px;background:var(--c-f1f4eb)}.tracker-empty h3{font:600 15px Manrope,sans-serif;margin:0 0 9px}.tracker-empty p{font-size:11px;line-height:1.8;color:var(--c-7c8d6c);margin:0 auto 15px;max-width:430px}.tracker-empty .primary{font-size:11px;padding:10px 14px}#trackerType{display:block;width:100%;border:1px solid var(--c-dbe2d3);border-radius:7px;padding:11px 9px;margin-top:7px;background:var(--c-fafbf7);font-size:12px}#trackerDialog{max-width:460px}#trackerError{font-size:11px;color:var(--c-96613c);line-height:1.6;min-height:0;margin-top:12px}.tracker-dialog-actions{flex-wrap:wrap;gap:4px}.remove-tracker{color:var(--c-96613c);font-size:10px;margin-right:auto;padding-left:0}#removedTrackerSection{margin-top:20px;padding-top:16px;border-top:1px solid var(--c-e1e7d9)}#removedTrackerSection h3{font-size:12px;margin:0}#removedTrackerSection p{font-size:10px;margin:7px 0 10px}.restore-tracker{background:var(--c-edf2e5);font-size:11px;margin:0 5px 6px 0;padding:8px 10px}.metric:nth-child(3n+1){background:#fff}.metric:nth-child(3n+2){background:var(--c-f0f3e7)}.metric:nth-child(3n+3){background:var(--c-f1f4ed)}@media(max-width:600px){.section-heading{align-items:center;gap:10px}.snapshot-actions{gap:5px;align-items:flex-end;flex-direction:column}.snapshot-actions>span{font-size:8px}.snapshot-actions>button{font-size:9px;padding:6px 8px}.tracker-empty{padding:22px 13px}.tracker-dialog-actions{font-size:11px}.remove-tracker{flex-basis:100%;text-align:left;margin-bottom:5px}}
#toggleSnapshot{display:inline-flex;align-items:center;gap:7px;padding:5px 6px 5px 0;text-align:left;font-size:12px;font-weight:600}#toggleSnapshot:hover{background:transparent;color:var(--c-587b45)}#snapshotArrow{font-size:14px;color:var(--c-7f936f);width:12px;text-align:center}.metric-target{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:12px;padding-top:9px;border-top:1px solid var(--c-e6ebde);font-size:9px;color:var(--c-88977a)}.metric-target strong{font-size:10px;font-weight:600;color:var(--c-526c43);overflow-wrap:anywhere;text-align:right}.target-input-row{display:flex;align-items:center;gap:10px;margin-top:7px;border:1px solid var(--c-dbe2d3);background:var(--c-fafbf7);border-radius:7px;padding:0 10px}.target-input-row input{width:100%;min-width:0;border:0;background:transparent;padding:11px 0;font:inherit;font-size:13px;color:inherit}.target-input-row span{flex-shrink:0;max-width:100px;overflow-wrap:anywhere;font-size:11px;color:var(--c-829471)}dialog .target-help{font-size:10px;line-height:1.6;margin-top:7px;color:var(--c-8a987d)}@media(max-width:600px){.metric-target{display:block}.metric-target strong{display:block;margin-top:4px;text-align:left}#toggleSnapshot{font-size:11px;gap:4px}}