:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202820;background:#f6f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #202820;--muted: #879087;--line: #e8ebe6;--green: #47765b;--green-dark: #315a42;--green-soft: #edf4ee;--paper: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #a8c9b1;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:29px 20px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:750;font-size:21px;letter-spacing:-1px;padding:0 9px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#47765b;border-radius:11px}.brand-period{color:#74a37f}.sidebar-label{margin:51px 10px 13px;color:#a1a9a1;font-size:9px;font-weight:750;letter-spacing:1.25px}.nav-item{border:0;background:transparent;color:#727c73;width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;font-size:12px;text-align:left;margin-bottom:4px}.nav-item.selected{background:#edf4ee;color:#3f6c50;font-weight:650}.nav-count{margin-left:auto;font-size:10px;background:#fff;border:1px solid #e2ebe3;padding:2px 7px;border-radius:20px}.sidebar-bottom{margin-top:auto}.sidebar-tip{padding:16px;border-radius:12px;background:#f6f8f5;margin-bottom:18px}.tip-icon{display:grid;place-items:center;width:29px;height:29px;background:#e6efe7;color:#548063;border-radius:9px;margin-bottom:12px}.sidebar-tip strong{font-size:11px;display:block;line-height:1.5}.sidebar-tip p{font-size:10px;color:#8a938a;line-height:1.65;margin:6px 0 0}.help-link{border:0;background:none;color:#8b948b;font-size:10px;display:flex;align-items:center;gap:8px;padding:9px 7px 17px}.profile-row{border-top:1px solid var(--line);padding:17px 3px 0;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#426c50;background:#e9f0e9;font-size:12px;font-weight:700}.profile-row strong,.profile-row small{display:block}.profile-row strong{font-size:10px}.profile-row small{color:#9aa29a;font-size:9px;margin-top:3px}.profile-row>svg{margin-left:auto;color:#a0a8a0}.main-content{margin-left:250px;min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 54px;background:#ffffffb8}.breadcrumb{color:#a0a8a0;font-size:11px}.breadcrumb span{padding:0 8px;color:#c4cac3}.topbar-right{display:flex;align-items:center;gap:15px}.today-label{color:#879087;font-size:11px}.top-avatar{width:29px;height:29px}.page-content{max-width:1160px;padding:48px 54px 25px;margin:0 auto}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{color:#78927c;font-size:9px;font-weight:750;letter-spacing:1.5px;margin-bottom:11px}h1{font-size:clamp(26px,3vw,34px);letter-spacing:-1.35px;font-weight:650;margin:0;line-height:1.2}.page-subtitle{color:#8b948b;font-size:12px;margin:11px 0 0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:#fff;background:#47765b;padding:12px 16px;font-size:11px;font-weight:650;box-shadow:0 3px 8px #426c501a;transition:background .2s,transform .2s;white-space:nowrap}.primary-button:hover,.start-button:hover{background:#355f45;transform:translateY(-1px)}.summary-strip{margin-top:33px;padding:17px 20px;border:1px solid #e8ece7;border-radius:11px;background:#fff;display:flex;align-items:center;gap:21px}.summary-item{display:flex;align-items:center;gap:10px;min-width:128px}.summary-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px}.summary-icon.green{background:#edf4ee;color:#568064}.summary-icon.amber{background:#fbf3e7;color:#bd9254}.summary-item strong,.summary-item small{display:block}.summary-item strong{font-size:16px;line-height:1.2;font-weight:650}.summary-item small{font-size:9px;color:#929b92;margin-top:3px}.summary-divider{width:1px;height:30px;background:var(--line)}.summary-note{margin-left:auto;color:#9aa39a;font-size:10px;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:#6eaa7c;box-shadow:0 0 0 3px #edf5ee}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:39px 0 17px}.section-heading h2{margin:0;font-size:15px;font-weight:650;letter-spacing:-.25px}.section-heading span{color:#99a199;font-size:10px;display:inline-block;margin-top:5px}.section-count{color:#92a093!important;font-size:9px!important;font-weight:700;letter-spacing:1px}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.activity-card{background:#fff;border:1px solid #e8ece7;border-radius:12px;padding:18px 19px 15px;min-width:0;transition:border-color .2s,box-shadow .2s}.activity-card:hover{border-color:#d8e4d9;box-shadow:0 8px 22px #253c2a08}.activity-card.is-due{border-color:#eadcc6}.activity-card.is-paused{opacity:.83}.card-topline{display:flex;align-items:center;gap:9px}.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eef4ee;color:#568064}.icon-cooking{background:#f8f1e8;color:#b78a50}.icon-coffee{background:#f4efea;color:#9a785b}.icon-zap{background:#f8f4e6;color:#b79a4e}.status-pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 8px;font-size:9px;color:#66856c;background:#f0f6f0}.status-pill>span{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.due{background:#fbf2e7;color:#b07d3d}.status-pill.paused{background:#f1f2f0;color:#828a82}.status-pill.snoozed{background:#f2eff8;color:#8975ad}.icon-button{border:0;background:transparent;color:#929b92;display:grid;place-items:center;width:30px;height:30px;border-radius:7px}.icon-button:hover{background:#f4f6f3;color:#465b49}.activity-card h3{font-size:13px;font-weight:650;margin:17px 0 8px}.timer-line{display:flex;align-items:baseline;gap:9px}.timer-value{font-size:32px;font-weight:620;letter-spacing:-1.4px;font-variant-numeric:tabular-nums}.timer-caption{font-size:10px;color:#9ba39b}.progress-track{height:4px;background:#eff2ee;border-radius:5px;overflow:hidden;margin:14px 0 12px}.progress-fill{height:100%;background:#77a382;border-radius:inherit;transition:width .8s linear}.progress-fill.fill-due{background:#c99a5d}.stopwatch-track{display:flex;align-items:center;gap:5px;height:4px;margin:14px 0 12px}.stopwatch-track span{height:4px;flex:1;border-radius:5px;background:#e8efe8}.stopwatch-track span:nth-child(2n){background:#b9d0bd}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a0a8a0;font-size:9px}.card-meta span:first-child{display:flex;align-items:center;gap:5px}.due-message{display:flex;align-items:center;gap:7px;color:#a47a42;background:#fcf6ed;border-radius:6px;padding:8px 9px;margin-top:12px;font-size:10px}.card-actions{border-top:1px solid #f0f2ef;margin-top:15px;padding-top:12px;display:flex;align-items:center;gap:7px}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e8ece7;color:#687368;background:#fff;border-radius:6px;padding:7px 9px;font-size:9px}.action-button:hover{background:#f6f8f5;border-color:#dce6dc}.action-button.action-primary{color:#47765b;background:#f0f6f0;border-color:#e1ece2}.complete-button{margin-left:auto;display:grid;place-items:center;width:29px;height:29px;color:#6f9a77;background:#f0f6f0;border:0;border-radius:7px}.complete-button:hover{color:#fff;background:#5d8a66}.suggested-heading{margin-top:37px}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;color:#65836b;background:transparent;font-size:10px;padding:5px 0}.text-button:hover{color:#355f45}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.preset-card{border:1px solid #e8ece7;border-radius:10px;background:#fff;display:flex;align-items:center;gap:10px;padding:13px;text-align:left;min-width:0;transition:transform .2s,border-color .2s}.preset-card:hover{transform:translateY(-2px);border-color:#d1dfd2}.preset-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;color:#64866b;background:#eff5ef}.preset-cooking{color:#b28b58;background:#f8f2e9}.preset-coffee{color:#98775b;background:#f4efea}.preset-zap{color:#b49a4e;background:#f8f4e7}.preset-copy{min-width:0}.preset-copy strong,.preset-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-copy strong{font-size:10px;font-weight:650}.preset-copy small{color:#9aa29a;font-size:9px;margin-top:4px}.preset-arrow{margin-left:auto;flex:0 0 auto;color:#aab3aa}.empty-state{background:#fff;border:1px dashed #dce5dc;border-radius:12px;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-illustration{position:relative;display:grid;place-items:center;width:65px;height:65px;border-radius:21px;background:#eff5ef;color:#689071;margin-bottom:17px}.empty-illustration>span{position:absolute;top:-4px;right:-5px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#c5a66a;box-shadow:0 2px 8px #0000000d}.empty-state h3{margin:0;font-size:14px;font-weight:650}.empty-state p{color:#969f96;font-size:11px;max-width:310px;line-height:1.6;margin:8px 0 17px}.history-heading{margin-top:36px}.history-list{border:1px solid #e8ece7;background:#fff;border-radius:11px;overflow:hidden}.history-row{min-height:67px;display:flex;align-items:center;gap:13px;padding:12px 17px;border-bottom:1px solid #f0f2ef}.history-row:last-child{border-bottom:0}.history-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eff5ef;color:#6b8b70}.history-name{flex:1;min-width:0}.history-name strong,.history-name small{display:block}.history-name strong{font-size:11px}.history-name small{color:#9aa29a;font-size:9px;margin-top:4px}.history-date{color:#9aa29a;font-size:10px}.history-check{color:#7ba083}.history-empty{margin-top:20px}.page-footer{display:flex;justify-content:space-between;color:#a2aaa2;font-size:9px;margin-top:45px;padding-top:17px;border-top:1px solid #e9ede8}.page-footer>span:last-child{font-weight:750;color:#748e78;letter-spacing:-.3px}.footer-heart{color:#c78b7d;padding-left:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#18251c66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.composer{width:min(100%,490px);max-height:min(92vh,780px);overflow:auto;background:#fff;border-radius:15px;padding:25px 27px 20px;box-shadow:0 24px 80px #17251b33}.composer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.composer-header .eyebrow{margin-bottom:7px}.composer-header h2{font-size:21px;letter-spacing:-.6px;margin:0}.field-label{display:block;font-size:10px;font-weight:650;margin-bottom:9px;color:#586359}.title-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e3e9e2;border-radius:8px;padding:0 12px;height:45px;margin-bottom:22px}.input-activity-icon{color:#719178;display:grid;place-items:center}.title-input-wrap input{border:0;outline:0;width:100%;font-size:12px;color:var(--ink);background:transparent}.title-input-wrap input:focus{outline:0}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 21px}.mode-option{border:1px solid #e7ebe6;border-radius:9px;background:#fff;display:flex;align-items:center;gap:9px;text-align:left;padding:11px 10px;min-width:0}.mode-option.active{border-color:#8caf91;background:#f5f9f5}.mode-symbol{display:grid;place-items:center;width:33px;height:33px;color:#64866b;background:#edf4ee;border-radius:8px;flex:0 0 auto}.mode-option strong,.mode-option small{display:block}.mode-option strong{font-size:10px}.mode-option small{color:#9aa29a;font-size:8px;margin-top:4px;line-height:1.4}.radio-dot{width:12px;height:12px;border:1px solid #cbd4cb;border-radius:50%;margin-left:auto;flex:0 0 auto}.mode-option.active .radio-dot{border:4px solid #5e8967}.field-row{display:flex;justify-content:space-between;align-items:center}.field-row .field-label{margin:0 0 9px}.field-hint{color:#a1a9a1;font-size:9px;margin-bottom:9px}.duration-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.duration-chip{display:flex;justify-content:center;align-items:baseline;gap:3px;padding:9px 5px;background:#fff;border:1px solid #e7ebe6;color:#667166;border-radius:7px;font-size:12px}.duration-chip small{font-size:9px;color:#a0a8a0}.duration-chip.active{color:#47765b;background:#f0f6f0;border-color:#8caf91;font-weight:700}.custom-duration{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#899389;font-size:9px}.custom-duration input{width:110px;border:1px solid #e7ebe6;border-radius:6px;padding:7px 9px;font-size:10px;text-align:right}.reminder-row{margin-top:21px}.reminder-options{display:flex;gap:7px}.reminder-chip{flex:1;border:1px solid #e7ebe6;background:#fff;border-radius:6px;padding:8px;color:#879187;font-size:9px}.reminder-chip.active{background:#f0f6f0;color:#47765b;border-color:#8caf91;font-weight:650}.stopwatch-note{display:flex;align-items:center;gap:9px;color:#829082;background:#f6f8f5;border-radius:8px;padding:13px;font-size:10px;line-height:1.5;margin:8px 0 21px}.start-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:#47765b;color:#fff;border-radius:8px;padding:13px;margin-top:22px;font-size:11px;font-weight:650;transition:background .2s,transform .2s}.start-button:disabled{opacity:.45;cursor:not-allowed}.composer-footnote{display:flex;align-items:center;justify-content:center;gap:6px;color:#a1a9a1;font-size:8px;text-align:center;margin:12px 0 0}@media(max-width:1050px){.sidebar{width:215px}.main-content{margin-left:215px}.topbar{padding:0 34px}.page-content{padding:40px 34px 25px}.activity-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{width:100%;height:58px;inset:auto 0 0;border-right:0;border-top:1px solid var(--line);padding:6px 12px;flex-direction:row;align-items:center;justify-content:space-around}.brand{font-size:0;padding:0}.brand-mark{width:36px;height:36px}.sidebar-label,.sidebar-bottom,.nav-count{display:none}.nav-item{width:auto;min-width:105px;justify-content:center;padding:10px 13px;margin:0;font-size:10px}.main-content{margin-left:0;padding-bottom:65px}.topbar{height:54px;padding:0 19px}.page-content{padding:32px 19px 20px}.welcome-row{align-items:flex-start;flex-direction:column;gap:18px}.welcome-row .primary-button{width:100%}h1{font-size:27px}.page-subtitle{line-height:1.6;max-width:330px}.summary-strip{margin-top:23px;padding:13px;gap:12px}.summary-item{min-width:0;gap:7px}.summary-icon{width:29px;height:29px}.summary-item strong{font-size:14px}.summary-item small{font-size:8px}.summary-divider{height:26px}.summary-note{display:none}.section-heading{margin-top:31px}.activity-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr;gap:8px}.preset-card{padding:11px}.page-footer{margin-top:32px}.composer{padding:22px 18px 17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}