:root{font-family:Manrope,Arial,sans-serif;color:#26342d;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #96c4a7;outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{width:256px;background:#fff;border-right:1px solid #e9ece6;display:flex;flex-direction:column;padding:31px 17px 24px;flex:none;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:0 17px 63px;font-size:27px;font-weight:800;letter-spacing:-1.6px;color:#213a2a}.brand-mark{width:37px;height:37px;border-radius:12px;background:#2f6b4a;color:#fff;display:grid;place-items:center}.brand-dot,.accent-dot{color:#db9b61}.sidebar-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#9fa9a0;margin:0 17px 17px}.nav-list{display:grid;gap:6px}.nav-item{height:46px;display:flex;align-items:center;gap:13px;border:0;background:transparent;border-radius:11px;color:#69736b;padding:0 17px;text-align:left;width:100%;font-size:13px;font-weight:700}.nav-item:hover{background:#f4f7f3;color:#2b6344}.nav-item.active{background:#e7f1e9;color:#2d6c4c}.nav-item.active:before{content:"";width:3px;height:19px;background:#3d8c5e;border-radius:4px;position:absolute;left:17px}.nav-item.active{padding-left:26px}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:#eaf3e9;border-radius:15px;padding:21px 19px 18px;margin:0 6px 25px;position:relative;overflow:hidden}.sidebar-tip:after{content:"";width:90px;height:90px;border:1px solid #cde4ce;border-radius:50%;position:absolute;right:-39px;top:-35px}.tip-icon{color:#41895d;margin-bottom:12px}.sidebar-tip strong{font-size:13px;line-height:1.4;display:block;color:#2a5039}.sidebar-tip p{font-size:11px;line-height:1.6;color:#75917a;margin:9px 0 0}.settings-link{margin-bottom:13px}.storage-note{font-size:10px;line-height:1.5;color:#aab1a9;text-align:center}.main{min-width:0;flex:1}.topbar{height:83px;border-bottom:1px solid #e9ece6;background:#ffffffad;display:flex;align-items:center;justify-content:space-between;padding:0 51px}.breadcrumb{font-size:12px;font-weight:700;color:#5a685e}.breadcrumb span{margin:0 9px;color:#b6beb5}.topbar-right{display:flex;align-items:center;gap:22px}.today-date{display:flex;align-items:center;gap:9px;color:#88938a;font-size:12px;font-weight:700;text-transform:capitalize}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dce8db;color:#376449;font-size:13px;font-weight:800}.mobile-menu-button{display:none}.page{max-width:1520px;margin:auto;padding:42px 50px 56px}.welcome,.page-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:33px}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#619474}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:13px}.eyebrow-line{width:18px;height:2px;background:#66a97d}.welcome h1,.page-intro h1{font-size:clamp(28px,3vw,40px);line-height:1.22;letter-spacing:-1.8px;margin:0;color:#213a2a;font-weight:800}.welcome p,.page-intro p{color:#89958b;font-size:13px;font-weight:600;margin:12px 0 0}.primary-button{height:43px;padding:0 19px;background:#2f704c;color:#fff;border:1px solid #2f704c;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 8px 15px #2c6e4b1c}.primary-button:hover{background:#245c3d}.welcome-button{margin-top:15px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat-card{height:147px;border:1px solid #edf0e9;border-radius:15px;background:#fff;padding:19px 20px;box-shadow:0 7px 22px #1d3d2706;position:relative}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;margin-bottom:13px}.stat-icon.mint{background:#e6f3e9;color:#3c9560}.stat-icon.peach{background:#fbede4;color:#d79561}.stat-icon.lavender{background:#f0ebf9;color:#9480c1}.stat-icon.blue{background:#e9f1f8;color:#739ebc}.stat-label{position:absolute;top:27px;left:66px;color:#89958d;font-size:11px;font-weight:700}.stat-value{font-size:25px;line-height:1.2;letter-spacing:-1px;color:#27392d;font-weight:800}.stat-detail{color:#b3bcb4;font-size:10px;font-weight:600;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.95fr);gap:20px}.panel{background:#fff;border:1px solid #e9eee7;border-radius:16px;box-shadow:0 7px 22px #1d3d2706}.timer-panel,.task-panel{min-height:360px;padding:24px 26px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2{font-size:18px;letter-spacing:-.55px;color:#29392d;margin:6px 0 0;line-height:1.3}.muted-icon{color:#b9c7ba}.timer-workspace{display:flex;align-items:center;justify-content:center;gap:clamp(25px,3.8vw,63px);min-height:274px}.timer-ring{--progress:0%;width:220px;height:220px;border-radius:50%;background:conic-gradient(#5d9d72 var(--progress),#edf3eb var(--progress));padding:11px;flex:none;display:grid;place-items:center}.timer-inner{width:100%;height:100%;background:#f8fbf6;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-caption{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#7aa88a}.timer-inner strong{font-family:DM Sans,sans-serif;font-size:45px;line-height:1.2;color:#2d6847;letter-spacing:-1.5px;margin:11px 0 5px;font-weight:700}.timer-minutes{font-size:11px;color:#a8b8aa;font-weight:600}.timer-controls{width:240px;min-width:0}.timer-controls>label,.field-label{display:block;font-size:11px;font-weight:800;color:#647369;margin-bottom:9px}.select-wrap{position:relative}.select-wrap select{height:43px;width:100%;background:#f9fbf8;border:1px solid #e6ebe3;border-radius:9px;padding:0 31px 0 12px;color:#4d6152;font-size:11px;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-wrap svg{position:absolute;right:11px;top:13px;color:#889b8a;pointer-events:none}.timer-main-button{width:100%;margin-top:16px}.secondary-actions{display:flex;gap:7px;margin-top:10px}.secondary-actions button{flex:1;min-width:0;background:#f6f8f5;border:1px solid #ecf0e9;border-radius:8px;height:40px;color:#728575;font-weight:800;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.secondary-actions button:hover{background:#e9f2e9;color:#2f704c}.finish-button{width:100%;justify-content:center;margin-top:8px}.timer-hint{display:block;text-align:center;color:#b4beb3;font-size:10px;margin-top:16px}.icon-button{width:32px;height:32px;border-radius:9px;border:1px solid #e3ece3;background:#f8fbf7;color:#4d9166;display:grid;place-items:center}.icon-button:hover{background:#e8f2e9}.count-pill{font-size:11px;font-weight:800;background:#edf3ed;border-radius:99px;padding:3px 7px;color:#699075;vertical-align:2px}.task-list{margin-top:18px}.task-row{border-bottom:1px solid #f0f2ee}.task-row:last-child{border-bottom:0}.task-row-main{display:flex;gap:11px;align-items:flex-start;min-height:57px;padding:8px 0}.task-check{width:20px;height:20px;border:1.6px solid #ccd8ce;background:#fff;border-radius:6px;flex:none;margin-top:3px;display:grid;place-items:center;color:#fff}.task-check:hover{border-color:#4e9568}.task-check.checked{background:#5ba879;border-color:#5ba879}.task-body{min-width:0;flex:1}.task-title-button{border:0;background:transparent;padding:1px 0;color:#35483a;font-size:12px;font-weight:800;text-align:left;line-height:1.45}.task-title-button:hover{color:#2f8253}.task-done .task-title-button{text-decoration:line-through;color:#a7b2a7}.task-body p{font-size:10px;color:#a5afa6;line-height:1.4;margin:3px 0 0}.task-progress{display:inline-flex;align-items:center;gap:3px;color:#7fa18a;background:transparent;border:0;font-size:10px;font-weight:700;padding:6px 0 0}.task-progress svg{transition:transform .2s}.task-progress svg.up{transform:rotate(180deg)}.task-more-wrap{position:relative}.task-more{border:0;background:transparent;color:#bac4bb;padding:3px}.task-more:hover{color:#4f8e64}.task-menu{position:absolute;right:0;top:26px;z-index:4;width:126px;border:1px solid #e8eee7;border-radius:9px;background:#fff;padding:5px;box-shadow:0 10px 28px #2b523022}.task-menu button{display:flex;align-items:center;gap:6px;width:100%;border:0;border-radius:5px;background:transparent;text-align:left;padding:8px;font-size:10px;color:#485a4d}.task-menu button:hover{background:#f4f8f3}.task-menu button.danger{color:#b96161}.checklist{margin:0 0 12px 31px;display:grid;gap:7px}.checklist-item{display:flex;gap:8px;align-items:center;text-align:left;border:0;background:transparent;padding:0;color:#75857a;font-size:11px}.checklist-item:hover{color:#43875c}.checklist-item.item-done{color:#8eaa96;text-decoration:line-through}.view-all{border:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#4b8d62;margin-top:17px;padding:0}.view-all:hover,.text-button:hover{color:#256240}.empty-state{text-align:center;padding:38px 12px 15px}.empty-state.large{padding:85px 12px}.empty-icon{width:48px;height:48px;border-radius:14px;background:#eaf4ea;display:grid;place-items:center;color:#5a9c70;margin:0 auto 14px}.empty-state h3{font-size:13px;margin:0 0 6px;color:#405846}.empty-state p{font-size:10px;line-height:1.5;color:#a2aea4;margin:0 0 16px}.subtle-button{border:1px solid #d8e8d9;background:#f5faf4;border-radius:8px;color:#44855b;font-size:10px;font-weight:800;padding:9px 13px;display:inline-flex;gap:5px;align-items:center}.subtle-button:hover{background:#eaf4e9}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.95fr);gap:20px;margin-top:21px}.activity-panel{padding:23px 26px 15px;min-height:255px}.text-button{border:0;background:transparent;color:#5d9b70;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800}.week-chart{padding:22px 5px 0}.chart-bars{height:118px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-bottom:1px solid #e8eee7}.chart-day{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bar-track{height:93px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{min-height:3px;width:min(26px,60%);background:#d5e9d8;border-radius:6px 6px 0 0;transition:height .3s}.bar.today{background:#70b583}.chart-day>span{height:22px;padding-top:5px;font-size:10px;color:#a1afa3;text-transform:capitalize}.chart-caption{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#a8b4a9;font-size:9px;font-weight:700}.chart-caption span:first-child{display:flex;align-items:center;gap:6px}.chart-caption i{display:block;width:7px;height:7px;border-radius:50%;background:#75b787}.quote-panel{border-radius:16px;background:#e4efe4;position:relative;overflow:hidden;min-height:255px;padding:27px 31px}.quote-symbol{color:#6eaa7e;font-family:Georgia,serif;font-size:58px;line-height:.7}.quote-panel p{font-size:20px;line-height:1.35;letter-spacing:-.5px;color:#2d603f;font-weight:800;max-width:270px;margin:16px 0 22px;position:relative;z-index:1}.quote-panel>span{color:#8ab294;font-size:9px;font-weight:800;letter-spacing:1.5px;position:relative;z-index:1}.quote-orbit{width:220px;height:220px;border-radius:50%;border:1px solid #d0e4d1;position:absolute;right:-65px;bottom:-115px;box-shadow:0 0 0 24px #e1eee1,0 0 0 25px #d0e4d1}.interior-page{padding-top:49px}.page-intro{margin-bottom:35px}.task-page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);gap:20px}.full-task-panel,.completed-panel,.chart-panel,.session-panel{padding:25px 27px;min-height:250px}.full-task-panel .task-row-main,.completed-panel .task-row-main{padding:14px 0}.quiet-empty{font-size:12px;color:#a8b4a9;line-height:1.6;margin-top:25px}.stats-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.chart-panel .week-chart{padding-top:48px}.chart-panel .chart-bars{height:206px}.chart-panel .bar-track{height:178px}.chart-total{font-size:12px;font-weight:800;color:#5a936a}.session-list{margin-top:16px}.session-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #eef1ec;padding:12px 0}.session-row:last-child{border-bottom:0}.session-icon{width:35px;height:35px;border-radius:10px;background:#eaf3e9;color:#5c9d72;display:grid;place-items:center}.session-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.session-text strong{font-size:11px;color:#425446;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-text span{font-size:10px;color:#a5b0a5}.session-row b{font-size:11px;color:#5b8868;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a2d2099;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{width:min(100%,480px);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:18px;padding:26px 29px 28px;box-shadow:0 25px 80px #13261844}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.modal-header h2{font-size:22px;letter-spacing:-.7px;color:#2d4633;margin:5px 0 0}.modal .field-label{margin-top:17px;margin-bottom:8px}.field-label span{font-weight:600;color:#acb6ac;margin-left:5px}.modal input,.modal textarea{width:100%;border:1px solid #dfe7de;border-radius:9px;background:#fcfdfb;padding:11px 13px;font-size:12px;color:#3b4e40;resize:vertical}.modal input::placeholder,.modal textarea::placeholder{color:#bac5b9}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.outline-button{height:43px;padding:0 18px;border-radius:9px;background:#fff;border:1px solid #dde7dc;color:#607466;font-size:12px;font-weight:800}.outline-button:hover{background:#f4f8f4}.settings-description{font-size:12px;line-height:1.5;color:#90a092;margin:-8px 0 19px}.settings-select select{font-size:12px}.settings-footnote{display:flex;align-items:center;gap:7px;font-size:10px;color:#9aa99c;margin-top:24px}.settings-done{width:100%;margin-top:22px}.toast{position:fixed;right:25px;bottom:25px;z-index:30;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:10px;background:#254d34;color:#fff;font-size:12px;font-weight:700;box-shadow:0 12px 34px #14352133}@media(max-width:1180px){.sidebar{width:225px}.page,.topbar{padding-left:30px;padding-right:30px}.timer-workspace{gap:20px}.timer-ring{width:180px;height:180px}.timer-inner strong{font-size:37px}.timer-controls{width:205px}.stat-card{padding:18px 14px}.stat-label{left:56px;font-size:10px}.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}@media(max-width:950px){.sidebar{width:205px}.sidebar-tip{padding:16px 13px}.page,.topbar{padding-left:24px;padding-right:24px}.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid,.stats-grid,.task-page-grid{grid-template-columns:1fr}.timer-workspace{justify-content:flex-start;gap:50px}.timer-ring{width:215px;height:215px}.timer-controls{width:240px}.task-panel{min-height:260px}.quote-panel{min-height:200px}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:15;transform:translate(-100%);transition:transform .2s;width:255px;box-shadow:12px 0 30px #183a2020}.sidebar.sidebar-open{transform:translate(0)}.topbar{height:65px;padding:0 18px}.mobile-menu-button{display:grid;place-items:center;border:0;background:transparent;color:#3d6d4c;margin-right:10px;padding:4px}.breadcrumb{margin-right:auto;font-size:11px}.today-date{display:none}.topbar-right{gap:0}.page,.interior-page{padding:32px 17px 45px}.welcome,.page-intro{align-items:flex-start;flex-direction:column;gap:15px}.welcome h1,.page-intro h1{font-size:29px;letter-spacing:-1.4px}.welcome p,.page-intro p{line-height:1.5}.welcome-button{margin-top:0}.summary-grid{gap:10px}.stat-card{height:132px;padding:15px}.stat-label{position:static;margin-top:-35px;margin-left:46px;min-height:32px;display:flex;align-items:center}.stat-value{font-size:22px}.stat-icon{margin-bottom:7px}.timer-panel,.task-panel,.full-task-panel,.completed-panel,.chart-panel,.session-panel{padding:21px 18px}.timer-workspace{flex-direction:column;gap:21px;padding:26px 0 4px}.timer-ring{width:204px;height:204px}.timer-controls{width:min(100%,320px)}.bottom-grid{margin-top:15px}.quote-panel{padding:25px}.modal{padding:22px 20px}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}}.cause-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cause-options button{border:1px solid #e2ece1;background:#f8fbf7;border-radius:9px;min-height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#4d7057;font-size:11px;font-weight:800;text-align:left}.cause-options button:hover{background:#eaf4e9}.custom-cause{display:flex;gap:9px}.custom-cause input{min-width:0;flex:1}.custom-cause .primary-button{height:auto}.custom-cause .primary-button:disabled{opacity:.5}.causes-section{max-width:1520px;margin:-35px auto 55px;padding:0 50px}.causes-panel{padding:25px 27px}.causes-list{display:grid;gap:18px;margin-top:25px}.cause-row{display:grid;grid-template-columns:150px 1fr 25px;gap:15px;align-items:center;font-size:11px;color:#5b705f;font-weight:700}.cause-row strong{text-align:right;color:#3d8357}.cause-track{height:7px;background:#edf3ed;border-radius:99px;overflow:hidden}.cause-track i{display:block;height:100%;border-radius:99px;background:#74b688}@media(max-width:950px){.causes-section{padding:0 24px}}@media(max-width:650px){.causes-section{padding:0 17px;margin-top:-20px}.cause-row{grid-template-columns:105px 1fr 20px;gap:8px}.cause-options{grid-template-columns:1fr}}