:root{color:#263330;font-synthesis:none;text-rendering:optimizelegibility;--ink:#263330;--muted:#77847d;--line:#dfe5de;--accent:#315f51;--accent-dark:#244d40;--surface:#fff;--soft:#edf4ed;--warm:#f7f8f3;--danger:#a95750;background:#f7f8f3;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--warm);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #315f5138}h1,h2,p{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:40;border-right:1px solid var(--line);background:#f2f5ef;flex-direction:column;flex:0 0 248px;width:248px;min-height:100vh;padding:29px 18px 20px;display:flex;position:relative}.brand{align-items:center;gap:11px;padding:0 10px 35px;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:8px 8px 8px 3px;place-items:center;width:32px;height:32px;display:grid;transform:rotate(-6deg)}.brand strong{letter-spacing:0;font-size:16px;display:block}.brand span{color:#89958e;letter-spacing:0;margin-top:4px;font-size:11px;display:block}.sidebar-close{color:#76837c;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;margin-left:auto;padding:0;display:none}.main-nav{gap:6px;display:grid}.nav-item{color:#68766f;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover{color:var(--ink);background:#ffffffbf}.nav-item.active{color:var(--accent);background:#e2ece2;font-weight:600}.nav-item em{color:#60746a;text-align:center;background:#d6e4d7;border-radius:6px;min-width:24px;margin-left:auto;padding:3px 6px;font-size:12px;font-style:normal}.sidebar-bottom{margin-top:auto}.mini-quote{color:#567263;background:#e4eee3;border-radius:8px;gap:10px;margin:0 7px;padding:14px 13px;display:flex}.mini-quote p{font-size:12px;line-height:1.6}.blog-return{color:#68766f;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;min-height:40px;margin:10px 7px 0;padding:0 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.blog-return:hover{color:var(--accent);border-color:var(--line);background:#ffffffbf}.blog-return:focus-visible{outline-offset:2px;outline:3px solid #315f5138}.mobile-backdrop{display:none}.workspace{width:calc(100% - 248px);min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:74px;padding:0 40px;display:flex}.breadcrumb,.topbar-actions,.streak{color:var(--ink);align-items:center;gap:9px;font-size:13px;display:flex}.breadcrumb .muted,.muted{color:#8c9891}.topbar-actions{gap:20px}.mobile-menu{width:36px;height:36px;color:var(--ink);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:none}.icon-button{color:#66766d;border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;width:36px;height:36px;padding:0;display:grid}.streak strong{color:var(--ink)}.streak-dot{background:#dc9469;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f7e7dc}.notice-wrap{position:relative}.notice-popover{z-index:50;border:1px solid var(--line);background:#fff;border-radius:8px;width:250px;padding:15px 16px;position:absolute;top:46px;right:0;box-shadow:0 15px 35px #3043391f}.notice-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff;width:8px;height:8px;position:absolute;top:-5px;right:13px;transform:rotate(45deg)}.notice-popover strong,.notice-popover span{display:block}.notice-popover strong{color:#4d6056;font-size:13px}.notice-popover span{color:#77847d;margin-top:6px;font-size:12px;line-height:1.6}.content-grid{grid-template-columns:minmax(400px,1.08fr) minmax(360px,.92fr);gap:38px;max-width:1160px;margin:0 auto;padding:48px 40px 60px;display:grid}.tasks-column,.focus-column{min-width:0}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.eyebrow{color:#89958e;letter-spacing:0;font-size:11px;font-weight:600}h1{letter-spacing:0;margin-top:10px;font-size:34px;line-height:1.2}h2{letter-spacing:0;margin-top:8px;font-size:24px;line-height:1.25}.add-button,.submit-task{color:#fff;background:var(--accent);border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.add-button{box-shadow:0 7px 18px #315f5126}.add-button:hover,.submit-task:hover,.primary-control:hover{background:var(--accent-dark);transform:translateY(-1px)}.progress-overview{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:34px 0 29px;display:grid}.progress-copy span,.progress-copy strong{display:block}.progress-copy span{color:#7f8c84;font-size:12px}.progress-copy strong{margin-top:4px;font-size:13px}.progress-track{background:#e1e7df;border-radius:4px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:#759d81;height:100%;transition:width .3s;display:block}.progress-percent{color:#587563;font-size:13px;font-weight:600}.date-toolbar{align-items:center;gap:8px;margin:25px 0 0;display:flex}.date-toolbar>button{color:#68776f;border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:36px;height:36px;padding:0;display:grid}.date-toolbar label{color:#586b61;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;min-width:225px;height:36px;padding:0 11px;font-size:13px;display:flex;position:relative}.date-toolbar label input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.date-toolbar .today-button{width:auto;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.task-form{background:#f2f7f1;border:1px solid #d7e4d7;border-radius:8px;margin-bottom:24px;padding:17px}.form-title{color:#52685c;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.form-title button{color:#829088;background:0 0;border:0;place-items:center;padding:3px;display:grid}.task-form>input{width:100%;height:42px;color:var(--ink);background:#fff;border:1px solid #dbe4da;border-radius:6px;padding:0 12px;font-size:14px}.form-row{gap:9px;margin-top:10px;display:flex}.form-row select,.minutes-input{color:#586b61;background:#fff;border:1px solid #dbe4da;border-radius:6px;height:38px;font-size:13px}.form-row select{padding:0 10px}.minutes-input{align-items:center;gap:6px;padding:0 9px;display:flex}.minutes-input input{width:42px;color:var(--ink);border:0;font-size:13px}.minutes-input span{color:#829088}.submit-task{flex:1;height:38px}.task-form-details{grid-template-columns:auto auto minmax(140px,.8fr) minmax(110px,.7fr);display:grid}.task-date-input{color:#586b61;background:#fff;border:1px solid #dbe4da;border-radius:6px;min-width:0;height:38px;padding:0 9px;font-size:13px}.task-filters{grid-template-columns:1fr 110px;gap:9px;margin-bottom:18px;display:grid}.task-filters label{color:#7a8780;border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:8px;height:39px;padding:0 11px;display:flex}.task-filters input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;font-size:13px}.task-filters select{color:#5f7067;border:1px solid var(--line);background:#fff;border-radius:6px;height:39px;padding:0 9px;font-size:13px}.task-list{gap:9px;scroll-margin-top:20px;display:grid}.list-header{color:#78857e;justify-content:space-between;padding:0 2px 6px;font-size:12px;font-weight:600;display:flex}.list-header span:last-child{color:#929d97;font-weight:400}.completed-header{margin-top:28px}.task-row{background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;min-height:74px;padding:0 11px 0 7px;transition:all .2s;display:flex}.task-row:hover{border-color:#dbe5da;transform:translate(2px)}.task-row.selected{border-color:#afc9b2;box-shadow:0 8px 18px #43614e12}.task-row.completed{opacity:.68;background:0 0}.task-row.dragging{z-index:10;opacity:.9;border-color:#92b399;box-shadow:0 14px 28px #304c3929}.task-row.celebrate{animation:.72s task-complete}.drag-handle{color:#a3ada7;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:36px;padding:0;display:grid}.drag-handle:active{cursor:grabbing}.drag-spacer{flex:0 0 28px;width:28px}.check-box{color:#fff;background:0 0;border:1.5px solid #aebdb3;border-radius:5px;flex:0 0 21px;place-items:center;width:21px;height:21px;padding:0;display:grid}.check-box.checked{background:#71977b;border-color:#71977b}.task-select{min-width:0;min-height:54px;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;padding:0;display:flex}.task-info{flex:1;min-width:0}.task-info strong{color:#304039;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;display:block;overflow:hidden}.task-info>div{color:#839088;align-items:center;gap:5px;margin-top:7px;font-size:12px;display:flex}.category-dot{border-radius:50%;width:7px;height:7px}.sage{background:#739d7e}.peach{background:#d9936e}.lavender{background:#968dbb}.blue{background:#729db5}.stone{background:#8c9992}.task-separator{color:#b7c0bb;margin:0 2px}.task-arrow{color:#aab5ae;margin-left:10px}.task-actions{opacity:0;gap:3px;transition:all .2s;display:flex}.task-row:hover .task-actions,.task-actions:focus-within{opacity:1}.task-actions button{color:#929e97;background:0 0;border:0;border-radius:5px;place-items:center;width:30px;height:30px;padding:0;display:grid}.task-actions button:hover{color:#4f6e5a;background:#edf3ec}.task-actions button:last-child:hover{color:var(--danger);background:#f9ecea}.empty-state{color:#77847d;text-align:center;background:#f9fbf8;border:1px dashed #d2ddd1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:34px 20px;display:flex}.empty-icon{color:#5f846a;background:#e4eee3;border-radius:8px;place-items:center;width:46px;height:46px;margin-bottom:14px;display:grid}.empty-state strong{color:#4d6156;font-size:15px}.empty-state p{color:#87938c;margin-top:7px;font-size:13px}.empty-state button{color:#54745f;background:#fff;border:1px solid #ccddcd;border-radius:6px;align-items:center;gap:7px;height:36px;margin-top:18px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.focus-column{padding-top:17px}.focus-card{background:#fff;border:1px solid #dfe5de;border-radius:8px;padding:31px 32px 27px;box-shadow:0 16px 40px #374c3b0d}.focus-card-top{justify-content:space-between;align-items:flex-start;display:flex}.timer-status-group{align-items:center;gap:10px;display:flex}.immersive-button{color:#6c7c72;border:1px solid var(--line);background:#fbfcfa;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.immersive-button:hover{color:var(--accent);border-color:#b8cdbb}.live-status{color:#87938c;align-items:center;gap:7px;margin-top:3px;font-size:12px;display:inline-flex}.live-status span{background:#c3cdc6;border-radius:50%;width:7px;height:7px}.live-status.running{color:#567563}.live-status.running span{background:#6f9a7b;animation:1.8s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #e4eee4}.timer-wrap{place-items:center;padding:34px 0 26px;display:grid}.timer-ring{aspect-ratio:1;background:conic-gradient(#719b7e var(--progress), #e9efea var(--progress));border-radius:50%;place-items:center;width:min(260px,70vw);display:grid;transform:rotate(-90deg)}.timer-inner{text-align:center;background:#fbfcfa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 19px);height:calc(100% - 19px);padding:20px;display:flex;transform:rotate(90deg)}.timer-inner span{color:#7d8b83;letter-spacing:0;font-size:12px;font-weight:600}.timer-inner strong{color:#2e463d;letter-spacing:0;margin:12px 0 8px;font-size:50px;font-weight:500;line-height:1}.timer-inner small{color:#77867e;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.timer-controls{justify-content:center;align-items:center;gap:14px;display:flex}.round-control{color:#6d7d73;background:#fbfcfa;border:1px solid #dfe6de;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.round-control:hover{color:var(--accent);border-color:#bcd0be}.primary-control{color:#fff;background:var(--accent);border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-width:150px;height:46px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 9px 20px #315f512b}.timer-mode{background:#f2f5f1;border-radius:8px;justify-content:center;gap:4px;margin-top:27px;padding:4px;display:flex}.timer-mode button{color:#78857e;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 9px;font-size:12px;display:inline-flex}.timer-mode button.selected{color:#4d6f5a;background:#fff;font-weight:600;box-shadow:0 2px 8px #3f554612}.ambient-audio{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.ambient-heading{justify-content:space-between;align-items:center;display:flex}.ambient-heading>div{color:#65756c;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.ambient-heading>button{color:#55715f;background:#f7faf6;border:1px solid #d5e1d5;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.ambient-controls{grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:11px;display:grid}.ambient-types{gap:5px;display:flex}.ambient-types button{color:#77857d;background:#f1f4f0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:33px;padding:0 9px;font-size:12px;display:inline-flex}.ambient-types button.selected{color:#486553;background:#dfeade;font-weight:600}.ambient-volume{color:#7b8880;grid-template-columns:18px 1fr 35px;align-items:center;gap:6px;width:145px;font-size:12px;display:grid}.ambient-volume input{accent-color:#6f987b;width:100%}.ambient-error{color:#a25851;margin-top:8px;font-size:12px;display:block}.session-note{margin-top:16px;display:block;position:relative}.session-note>span{color:#65756c;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.session-note textarea{resize:vertical;width:100%;min-height:68px;color:var(--ink);border:1px solid var(--line);background:#fbfcfa;border-radius:6px;padding:10px 11px 24px;font-size:13px;line-height:1.55}.session-note small{color:#8a968f;font-size:12px;position:absolute;bottom:8px;right:9px}.today-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr) auto;align-items:center;margin-top:18px;padding:18px 0;display:grid}.today-summary>div{border-right:1px solid var(--line);padding:0 15px}.today-summary>div:first-child{padding-left:0}.today-summary span,.today-summary strong{display:block}.today-summary span{color:#7c8981;font-size:12px}.today-summary strong{color:#3f5549;margin-top:5px;font-size:23px;font-weight:600}.today-summary small{color:#7e8b83;margin-left:3px;font-size:12px;font-weight:400}.today-summary button{color:#567461;background:#e9f1e8;border:0;border-radius:6px;align-items:center;gap:7px;height:38px;margin-left:16px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.goal-progress{margin-top:14px}.goal-progress>div:first-child{color:#78857e;justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.goal-progress>div:last-child{background:#e2e8e1;border-radius:4px;height:6px;overflow:hidden}.goal-progress>div:last-child span{border-radius:inherit;background:#769d81;height:100%;transition:width .3s;display:block}.focus-note{background:#eaf2e9;border-radius:8px;gap:13px;margin-top:17px;padding:18px;display:flex}.note-icon{color:#52775e;background:#d5e6d7;border-radius:7px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.focus-note strong{color:#4d6a56;font-size:14px;display:block}.focus-note p{color:#708178;margin-top:6px;font-size:12px;line-height:1.7}.records-page{max-width:1240px;margin:0 auto;padding:48px 40px 64px}.records-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.records-header p{color:#6f7e76;max-width:560px;margin-top:12px;font-size:14px;line-height:1.65}.records-actions{gap:9px;display:flex}.records-actions button{color:#53675c;background:#fff;border:1px solid #d8e1d8;border-radius:7px;align-items:center;gap:7px;height:39px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.records-actions button:hover{border-color:#b9cbbb}.records-actions .danger-quiet{color:#9b554f}.clear-confirm{color:#814c47;background:#fbefed;border:1px solid #ead2ce;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:16px 18px;display:flex}.clear-confirm strong,.clear-confirm span{display:block}.clear-confirm strong{font-size:14px}.clear-confirm span{color:#936d68;margin-top:4px;font-size:12px}.clear-confirm>div:last-child{gap:8px;display:flex}.clear-confirm button{color:#775f5b;background:#fff;border:1px solid #dfcbc8;border-radius:6px;height:34px;padding:0 11px;font-size:12px}.clear-confirm .confirm-danger{color:#fff;border-color:var(--danger);background:var(--danger)}.records-toolbar{justify-content:space-between;align-items:center;margin-top:34px;display:flex}.records-toolbar>span{color:#7b8881;font-size:12px}.range-tabs{background:#e9eee8;border-radius:8px;padding:4px;display:inline-flex}.range-tabs button{color:#707e76;background:0 0;border:0;border-radius:6px;min-width:82px;height:34px;padding:0 12px;font-size:13px}.range-tabs button.selected{color:#3d5c49;background:#fff;font-weight:600;box-shadow:0 2px 8px #374c3b14}.records-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:22px;padding:20px 0;display:grid}.records-summary-item{border-right:1px solid var(--line);grid-template-columns:38px 1fr;column-gap:11px;padding:0 22px;display:grid}.records-summary-item:first-child{padding-left:0}.records-summary-item:last-child{border-right:0}.records-summary-item>div{color:#4d765b;background:#e4eee3;border-radius:7px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.records-summary-item:nth-child(2)>div{color:#a36947;background:#f4e6db}.records-summary-item:nth-child(3)>div{color:#6f6692;background:#ece9f5}.records-summary-item:nth-child(4)>div{color:#52798e;background:#e5eef2}.records-summary-item span{color:#7a8780;font-size:12px}.records-summary-item strong{color:#33483d;margin-top:4px;font-size:17px}.calendar-detail-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;margin-top:24px;display:grid}.calendar-panel,.day-detail-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.calendar-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.calendar-heading span,.calendar-heading small{display:block}.calendar-heading span{color:#40544a;font-size:14px;font-weight:600}.calendar-heading small{color:#849189;margin-top:4px;font-size:12px}.calendar-navigation{align-items:center;gap:5px;display:flex}.calendar-navigation>button{color:#66766d;border:1px solid var(--line);background:#fbfcfa;border-radius:6px;place-items:center;width:33px;height:33px;padding:0;display:grid}.calendar-navigation strong{color:#405249;text-align:center;min-width:92px;font-size:13px}.calendar-navigation .calendar-today{width:auto;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.calendar-weekdays{margin-top:22px}.calendar-weekdays span{color:#87938c;text-align:center;font-size:12px}.calendar-grid{margin-top:8px}.calendar-cell{aspect-ratio:1;color:#53665b;background:#f1f4f0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:7px;font-size:12px;transition:all .18s;display:flex;position:relative}.calendar-cell:not(.blank):hover{border-color:#9fb9a4;transform:translateY(-1px)}.calendar-cell small{color:inherit;opacity:.78;align-self:flex-end;font-size:12px}.calendar-cell.blank{background:0 0}.calendar-cell.heat-0{background:#f0f3ef}.calendar-cell.heat-1{background:#dfeade}.calendar-cell.heat-2{color:#405a49;background:#bad2bc}.calendar-cell.heat-3{color:#fff;background:#7da287}.calendar-cell.heat-4{color:#fff;background:#3f6f56}.calendar-cell.selected{border-color:#243f32;box-shadow:0 0 0 2px #315f512e}.calendar-cell.today:after{content:"";background:#d17f57;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px}.calendar-cell.future{opacity:.48}.calendar-legend{color:#7d8982;align-items:center;gap:5px;margin-top:16px;font-size:12px;display:flex}.calendar-legend i{border-radius:4px;width:17px;height:17px}.calendar-legend i.heat-0{background:#f0f3ef}.calendar-legend i.heat-1{background:#dfeade}.calendar-legend i.heat-2{background:#bad2bc}.calendar-legend i.heat-3{background:#7da287}.calendar-legend i.heat-4{background:#3f6f56}.calendar-legend em{margin-left:auto;font-style:normal}.day-detail-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.day-detail-heading span,.day-detail-heading small{display:block}.day-detail-heading span{color:#405249;font-size:14px;font-weight:600}.day-detail-heading small{color:#849189;margin-top:4px;font-size:12px}.day-detail-heading>strong{color:#42614d;font-size:15px}.day-detail-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:17px;padding:14px 0;display:grid}.day-detail-stats>div:first-child{border-right:1px solid var(--line)}.day-detail-stats span,.day-detail-stats strong{text-align:center;display:block}.day-detail-stats span{color:#7c8981;font-size:12px}.day-detail-stats strong{color:#41574a;margin-top:5px;font-size:20px}.day-detail-section{margin-top:17px}.day-detail-section>span,.day-review-preview>span{color:#65746c;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.day-detail-section>p,.day-review-preview>p{color:#87938c;font-size:12px;line-height:1.6}.day-task-row,.day-session-row{border-bottom:1px solid #edf0ec;align-items:center;gap:7px;min-height:34px;display:flex}.day-task-row:last-child,.day-session-row:last-child{border-bottom:0}.day-task-row>svg{color:#71977b}.day-task-row>i{border:1px solid #aebcb3;border-radius:4px;width:15px;height:15px}.day-task-row strong{color:#475a50;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.day-task-row small{color:#89958e;white-space:nowrap;font-size:12px}.day-session-row{align-items:flex-start;padding:7px 0}.day-session-row>div{flex:1;min-width:0}.day-session-row strong,.day-session-row small{display:block}.day-session-row strong{color:#475a50;font-size:12px}.day-session-row small{color:#7d8a82;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.day-session-row b{color:#587060;white-space:nowrap;font-size:12px}.day-review-preview{background:#f3f6f2;border-radius:6px;margin-top:17px;padding:12px}.day-review-preview strong{color:#5f775f;font-size:12px;display:block}.day-review-preview p{margin-top:5px}.daily-review-panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:24px;padding:22px}.daily-review-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.daily-review-heading span,.daily-review-heading small{display:block}.daily-review-heading span{color:#40544a;font-size:14px;font-weight:600}.daily-review-heading small{color:#849189;margin-top:4px;font-size:12px}.daily-review-heading input{color:#5d7065;border:1px solid var(--line);background:#fbfcfa;border-radius:6px;height:36px;padding:0 9px;font-size:12px}.mood-options{gap:6px;margin-top:15px;display:flex}.mood-options button{color:#718078;background:#f7f9f6;border:1px solid #dde5dc;border-radius:6px;min-width:66px;height:33px;padding:0 10px;font-size:12px}.mood-options button.selected{color:#4c6957;background:#e6efe5;border-color:#b9cdbb;font-weight:600}.daily-review-panel textarea{resize:vertical;width:100%;min-height:108px;color:var(--ink);border:1px solid var(--line);background:#fbfcfa;border-radius:6px;margin-top:12px;padding:11px 12px;font-size:13px;line-height:1.65}.daily-review-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.daily-review-footer span{color:#89958e;font-size:12px}.daily-review-footer button{color:#fff;background:var(--accent);border:0;border-radius:6px;height:35px;padding:0 12px;font-size:12px;font-weight:600}.records-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:22px;margin-top:28px;display:grid}.records-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;display:grid}.history-panel,.history-list-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.panel-heading{color:#6f7d75;justify-content:space-between;align-items:flex-start;min-height:42px;display:flex}.panel-heading span,.panel-heading small{display:block}.panel-heading span{color:#40544a;font-size:14px;font-weight:600}.panel-heading small{color:#89958f;margin-top:4px;font-size:12px}.panel-heading>strong{color:#3d5748;font-size:15px}.history-chart{background:repeating-linear-gradient(#0000 0 68px,#edf1ec 69px,#0000 70px);border-bottom:1px solid #dde5dc;grid-template-columns:repeat(7,minmax(34px,1fr));align-items:end;gap:10px;height:260px;margin-top:18px;padding-top:18px;display:grid;position:relative}.history-chart.month{grid-template-columns:repeat(30,minmax(10px,1fr));gap:5px;overflow-x:auto}.history-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.history-bar-track{width:min(24px,70%);height:calc(100% - 25px);position:relative}.history-chart.month .history-bar-track{width:8px}.history-bar-track span{background:#7ca187;border-radius:5px 5px 1px 1px;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.history-column small{color:#7e8b83;white-space:nowrap;min-height:17px;font-size:12px}.history-chart.month .history-column small{font-size:11px}.history-empty{color:#8a968f;white-space:nowrap;font-size:13px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.history-list{margin-top:12px;display:grid}.history-row{border-bottom:1px solid #e8ece7;justify-content:space-between;align-items:center;min-height:66px;padding:11px 0;display:flex}.history-row:last-child{border-bottom:0}.history-row strong,.history-row span{display:block}.history-row strong{color:#405249;font-size:14px}.history-row span{color:#829088;margin-top:4px;font-size:12px}.history-row>div:last-child{text-align:right}.records-empty{color:#849189;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.records-empty strong{color:#53665b;margin-top:11px;font-size:14px}.records-empty span{margin-top:6px;font-size:12px}.records-empty.compact{min-height:190px}.task-ranking-list,.session-record-list{margin-top:12px;display:grid}.task-ranking-row,.session-record-row{border-bottom:1px solid #e8ece7;align-items:center;min-height:64px;padding:10px 0;display:flex}.task-ranking-row:last-child,.session-record-row:last-child{border-bottom:0}.task-ranking-row em{color:#9a805f;width:34px;font-size:12px;font-style:normal;font-weight:700}.task-ranking-row>div,.session-record-row>div:first-child{flex:1;min-width:0}.task-ranking-row strong,.task-ranking-row span,.session-record-row strong,.session-record-row span{display:block}.task-ranking-row strong,.session-record-row strong{color:#405249;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.task-ranking-row span,.session-record-row span{color:#829088;margin-top:4px;font-size:12px}.task-ranking-row b{color:#52705e;font-size:13px}.session-record-row>div:last-child{text-align:right;margin-left:18px}.session-record-row p{color:#6f7e76;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.settings-page{max-width:1040px;margin:0 auto;padding:48px 40px 64px}.settings-header p{color:#6f7e76;margin-top:12px;font-size:14px}.settings-message{color:#4d6c58;background:#eaf3e9;border:1px solid #cfe0d0;border-radius:7px;justify-content:space-between;align-items:center;margin-top:22px;padding:13px 15px;font-size:13px;display:flex}.settings-message button{color:#587461;background:0 0;border:0;font-size:12px;font-weight:600}.settings-layout{gap:22px;margin-top:30px;display:grid}.settings-section{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px}.settings-section-heading{color:#567461;align-items:flex-start;gap:11px;display:flex}.settings-section-heading strong,.settings-section-heading span{display:block}.settings-section-heading strong{color:#405249;font-size:15px}.settings-section-heading span{color:#7f8c84;margin-top:4px;font-size:12px}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.number-setting>span{color:#69776f;margin-bottom:7px;font-size:12px;display:block}.number-setting>div{border:1px solid var(--line);background:#fbfcfa;border-radius:6px;align-items:center;height:40px;display:flex}.number-setting input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;padding:0 10px;font-size:14px;font-weight:600}.number-setting em{color:#7d8982;white-space:nowrap;padding-right:10px;font-size:12px;font-style:normal}.theme-control{background:#edf1ec;border-radius:8px;margin-top:22px;padding:4px;display:inline-flex}.theme-control button{color:#718078;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:104px;height:35px;font-size:13px;display:inline-flex}.theme-control button.selected{color:#405e4b;background:#fff;font-weight:600;box-shadow:0 2px 8px #374c3b14}.toggle-list{margin-top:18px;display:grid}.toggle-setting{cursor:pointer;border-bottom:1px solid #e8ece7;grid-template-columns:30px 1fr 44px;align-items:center;gap:9px;min-height:66px;padding:12px 0;display:grid;position:relative}.toggle-setting:last-child{border-bottom:0}.toggle-setting>svg{color:#6f8076}.toggle-setting strong,.toggle-setting small{display:block}.toggle-setting strong{color:#42554b;font-size:13px}.toggle-setting small{color:#7e8b83;margin-top:4px;font-size:12px}.toggle-setting input{opacity:0;position:absolute}.toggle-setting i{background:#cfd7d1;border-radius:14px;width:42px;height:24px;transition:all .2s;position:relative}.toggle-setting i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #2a3a3129}.toggle-setting input:checked+i{background:#6f987b}.toggle-setting input:checked+i:after{transform:translate(18px)}.hidden-file-input{display:none}.data-actions{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;display:grid}.data-actions>button{color:#58715f;border:1px solid var(--line);text-align:left;background:#fbfcfa;border-radius:7px;align-items:center;gap:11px;min-height:68px;padding:12px 14px;display:flex}.data-actions strong,.data-actions small{display:block}.data-actions strong{color:#405249;font-size:13px}.data-actions small{color:#7f8c84;margin-top:4px;font-size:12px}.clear-all-button{color:#a0564f;background:0 0;border:0;margin-top:20px;padding:0;font-size:12px}.clear-all-confirm{color:#864d47;background:#fbefed;border:1px solid #e8ceca;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:15px;display:flex}.clear-all-confirm strong,.clear-all-confirm span{display:block}.clear-all-confirm strong{font-size:13px}.clear-all-confirm span{color:#976c67;margin-top:4px;font-size:12px}.clear-all-confirm>div:last-child{gap:7px;display:flex}.clear-all-confirm button{color:#765f5b;background:#fff;border:1px solid #dec9c5;border-radius:5px;height:33px;padding:0 10px;font-size:12px}.clear-all-confirm button:last-child{color:#fff;border-color:var(--danger);background:var(--danger)}.undo-toast{z-index:80;color:#fff;background:#30463b;border-radius:8px;align-items:center;gap:16px;max-width:min(390px,100vw - 32px);min-height:48px;padding:10px 12px 10px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 34px #24372c3d}.undo-toast span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.undo-toast button{color:#dcebdd;background:0 0;border:1px solid #5f7a68;border-radius:5px;height:30px;padding:0 10px;font-size:12px;font-weight:600}.completion-toast{z-index:80;color:#fff;background:#315f51;border-radius:8px;max-width:calc(100vw - 32px);padding:13px 17px;font-size:13px;animation:.3s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #24372c3d}.app-shell.immersive .sidebar,.app-shell.immersive .topbar,.app-shell.immersive .tasks-column{display:none}.app-shell.immersive .workspace{width:100%}.app-shell.immersive .content-grid{max-width:none;min-height:100vh;padding:0;display:block}.app-shell.immersive .focus-column{background:radial-gradient(circle,#eef4ed 0,#f7f8f3 62%);place-items:center;min-height:100vh;padding:30px;display:grid}.app-shell.immersive .focus-card{width:min(520px,94vw)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e4ebe6;--muted:#a4b0a8;--line:#35423a;--accent:#79a687;--accent-dark:#8ab495;--surface:#202923;--soft:#26342c;--warm:#171d19;--danger:#dd8178}html[data-theme=dark] body,html[data-theme=dark] .workspace{background:var(--warm)}html[data-theme=dark] .sidebar{border-color:var(--line);background:#1b241f}html[data-theme=dark] .brand span,html[data-theme=dark] .eyebrow,html[data-theme=dark] .muted{color:#9ca9a1}html[data-theme=dark] .nav-item{color:#aab6ae}html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .nav-item.active{color:#dce9df;background:#28362e}html[data-theme=dark] .mini-quote,html[data-theme=dark] .focus-note{color:#b7c9bc;background:#26342c}html[data-theme=dark] .blog-return{color:#aab6ae}html[data-theme=dark] .blog-return:hover{color:#dce9df;background:#28362e;border-color:#405248}html[data-theme=dark] .topbar{border-color:var(--line)}html[data-theme=dark] .icon-button,html[data-theme=dark] .notice-popover,html[data-theme=dark] .task-row,html[data-theme=dark] .focus-card,html[data-theme=dark] .history-panel,html[data-theme=dark] .history-list-panel,html[data-theme=dark] .settings-section,html[data-theme=dark] .date-toolbar>button,html[data-theme=dark] .date-toolbar label,html[data-theme=dark] .task-filters label,html[data-theme=dark] .task-filters select,html[data-theme=dark] .task-form>input,html[data-theme=dark] .form-row select,html[data-theme=dark] .minutes-input,html[data-theme=dark] .task-date-input,html[data-theme=dark] .daily-review-panel,html[data-theme=dark] .daily-review-heading input,html[data-theme=dark] .daily-review-panel textarea,html[data-theme=dark] .session-note textarea,html[data-theme=dark] .ambient-heading>button,html[data-theme=dark] .ambient-types button{color:var(--ink);border-color:var(--line);background:var(--surface)}html[data-theme=dark] .calendar-panel,html[data-theme=dark] .day-detail-panel{border-color:var(--line);background:var(--surface)}html[data-theme=dark] .calendar-cell.heat-0{color:#aab6ae;background:#27322b}html[data-theme=dark] .calendar-cell.heat-1{color:#c9d6cc;background:#31453a}html[data-theme=dark] .calendar-cell.heat-2{color:#e0e9e2;background:#46634f}html[data-theme=dark] .calendar-cell.heat-3{color:#fff;background:#5e866d}html[data-theme=dark] .calendar-cell.heat-4{color:#fff;background:#78a788}html[data-theme=dark] .day-review-preview{background:#26322b}html[data-theme=dark] .ambient-types button.selected,html[data-theme=dark] .mood-options button.selected{color:#dce9df;background:#304238;border-color:#577565}html[data-theme=dark] .task-form,html[data-theme=dark] .empty-state,html[data-theme=dark] .data-actions>button,html[data-theme=dark] .number-setting>div{border-color:var(--line);background:#1d261f}html[data-theme=dark] .task-info strong,html[data-theme=dark] .settings-section-heading strong,html[data-theme=dark] .panel-heading span,html[data-theme=dark] .history-row strong,html[data-theme=dark] .task-ranking-row strong,html[data-theme=dark] .session-record-row strong,html[data-theme=dark] .records-summary-item strong{color:#dbe6de}html[data-theme=dark] .timer-inner{background:#1d261f}html[data-theme=dark] .timer-inner strong{color:#dce9e0}html[data-theme=dark] .timer-mode,html[data-theme=dark] .theme-control,html[data-theme=dark] .range-tabs{background:#26322b}html[data-theme=dark] .timer-mode button.selected,html[data-theme=dark] .theme-control button.selected,html[data-theme=dark] .range-tabs button.selected{color:#e0e9e3;background:#35443a}html[data-theme=dark] .app-shell.immersive .focus-column{background:radial-gradient(circle,#25342b 0,#171d19 68%)}@media (width<=1160px){.content-grid{grid-template-columns:1fr;max-width:760px}.focus-column{padding-top:12px}.records-layout,.records-extra-grid,.calendar-detail-layout{grid-template-columns:1fr}.history-list-panel{min-height:auto}}@media (width<=920px){.records-summary{grid-template-columns:repeat(2,1fr);row-gap:22px}.records-summary-item:nth-child(2){border-right:0}.records-summary-item:nth-child(3){padding-left:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.sidebar{flex-basis:auto;width:min(290px,84vw);min-height:100vh;transition:transform .24s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:16px 0 42px #25372d29}.sidebar.open{transform:translate(0)}.sidebar-close{display:grid}.mobile-backdrop{z-index:30;background:#1d282247;border:0;padding:0;display:block;position:fixed;inset:0}.workspace{width:100%}.mobile-menu{display:grid}.topbar{height:66px;padding:0 20px}.topbar-actions{gap:11px}.streak{display:none}.content-grid,.records-page,.settings-page{padding:32px 20px 48px}.content-grid{max-width:760px;display:block}.focus-column{padding-top:38px}.records-header{align-items:flex-start}}@media (width<=620px){h1{font-size:28px}h2{font-size:22px}.breadcrumb{font-size:12px}.section-heading,.records-header{flex-direction:column;align-items:flex-start}.add-button{align-self:flex-start}.progress-overview{grid-template-columns:1fr auto;gap:10px}.progress-track{grid-area:2/1/auto/-1}.form-row{flex-wrap:wrap}.task-form-details{display:flex}.form-row select,.minutes-input{flex:1}.submit-task{flex-basis:100%}.focus-card{padding:26px 18px 24px}.timer-ring{width:min(242px,77vw)}.timer-inner strong{font-size:44px}.timer-mode button{padding-inline:6px}.ambient-controls{grid-template-columns:1fr}.ambient-volume{width:100%}.ambient-types button{flex:1}.today-summary{grid-template-columns:repeat(3,1fr)}.today-summary>div{padding:0 9px}.today-summary button{grid-column:1/-1;justify-content:center;height:38px;margin:16px 0 0}.records-actions{width:100%}.records-actions button{flex:1;justify-content:center}.clear-confirm{flex-direction:column;align-items:flex-start}.records-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.records-summary{grid-template-columns:1fr;row-gap:0}.records-summary-item{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.records-summary-item:last-child{border-bottom:0}.history-panel,.history-list-panel{padding:18px 15px}.history-chart{gap:5px;height:225px}.daily-review-heading{flex-direction:column;align-items:stretch}.daily-review-heading input{width:100%}.calendar-heading{flex-direction:column;align-items:stretch}.calendar-navigation{justify-content:space-between}.calendar-panel,.day-detail-panel{padding:17px 14px}.calendar-weekdays,.calendar-grid{gap:4px}.calendar-cell{min-height:42px;padding:5px}.calendar-cell small,.calendar-legend em{display:none}.task-actions{opacity:1}.date-toolbar{flex-wrap:wrap}.date-toolbar label{flex:1;min-width:0}.task-filters,.settings-grid,.data-actions{grid-template-columns:1fr}.clear-all-confirm{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes task-complete{0%{box-shadow:0 0 #6f987b59}45%{transform:translateY(-2px);box-shadow:0 0 0 9px #6f987b14}to{box-shadow:none;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}