:root{--ink:#283c33;--muted:#8a9189;--green:#456b58;--line:#e8eae3;--paper:#fafbf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a7c8b3;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #9abd9f;outline-offset:1px}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:#f0f3ec;border-right:1px solid #e3e7de;padding:40px 25px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font-size:26px;font-weight:650;letter-spacing:3px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.brand-icon{display:grid;place-items:center;background:var(--green);color:white;border-radius:12px;width:43px;height:43px;font-size:24px;font-family:serif}.brand-en{font-size:9px;letter-spacing:2px;width:100%;padding-left:56px;margin-top:-10px;color:#7c8d7e}.sidebar-caption{font-size:11px;color:#7e8b7e;margin:27px 0 35px}.nav{display:flex;gap:15px;padding:14px 16px;border-radius:9px;background:#e0e9dd;color:#3d6047;font-weight:600}.nav span:last-child{margin-left:auto;font-size:11px;opacity:.5}.calendar{margin-top:34px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.calendar button{border:0;background:none;border-radius:7px}.calendar-head button{font-size:22px;width:28px;height:28px}.calendar-head strong{font-size:13px}.week-labels,#calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px}.week-labels{font-size:10px;color:#9aa296;margin-bottom:10px}#calendar-days button{height:29px;font-size:11px;position:relative;padding:0}#calendar-days button:hover{background:#e3e9de}#calendar-days button.selected{background:var(--green);color:white}#calendar-days button.has-data:after{content:'';width:3px;height:3px;background:#ba975e;position:absolute;bottom:3px;left:calc(50% - 1px);border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:45px}.storage-dot{width:25px;height:3px;background:#a7baa0;margin-bottom:18px}.sidebar-bottom strong{font-size:12px;font-weight:500}.sidebar-bottom p{font-size:11px;line-height:1.9;color:#8b9485}.backup{display:flex;gap:10px;margin-top:19px}.backup button{background:none;border:0;padding:0;font-size:11px;color:#55745d}main{margin-left:260px}header{height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 44px;border-bottom:1px solid var(--line);font-size:11px}.breadcrumb{color:#738071}.breadcrumb span{padding:0 13px;color:#c0c6ba}#save-status{font-size:10px;color:#7f937c}.page{max-width:1250px;margin:auto;padding:42px 44px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8d9b87;font-weight:600}h1{font-size:29px;font-weight:550;letter-spacing:1px;margin:13px 0}h1 span{display:inline-block;margin-left:15px;color:#b2c1a3;font-size:35px;font-weight:400}.page-heading p{color:var(--muted);font-size:12px;margin:0}.quiet-button{border:1px solid #dfe4d9;border-radius:8px;background:white;padding:10px 15px;font-size:11px}.date-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.date-title{display:flex;gap:13px;align-items:center}.date-icon{border:1px solid #e0e6da;padding:11px 13px;border-radius:9px;color:#6f8666;background:#f1f4ec;font-size:18px}h2{font-size:15px;font-weight:600;margin:0}.date-title p{font-size:10px;color:var(--muted);margin:6px 0 0}.date-controls{display:flex;gap:7px;align-items:center}.date-controls button{width:28px;height:30px;background:white;border:1px solid var(--line);border-radius:6px;font-size:20px}.date-controls input{color:#7f8b79;border:1px solid var(--line);background:white;border-radius:6px;padding:7px;font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px}.primary-column,.secondary-column{display:flex;flex-direction:column;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 3px 8px #283c3302}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.section-heading h2{display:flex;align-items:center;gap:9px}.section-symbol{font-size:20px;color:#72866a;font-weight:400}.tag{font-size:8px;letter-spacing:1px;color:#a7ae9e}.focus-card{background:#f5f7ef;border-color:#e6eadc}.focus-card textarea{background:transparent;border:0;padding:0;font-size:17px;line-height:1.8;min-height:60px}.field-hint{font-size:10px;color:#9ba58e;margin:12px 0 0}.count{font-size:10px;background:#f1f3ed;color:#8e9b83;padding:3px 6px;border-radius:5px}.filters{display:flex;background:#f6f7f3;padding:3px;border-radius:6px;gap:2px}.filters button{border:0;background:none;font-size:10px;color:#8d9685;padding:5px 8px;border-radius:4px}.filters button.selected{background:white;color:#4b6c53;box-shadow:0 1px 4px #0000000a}.new-task{display:flex;align-items:center;border:1px dashed #dbe2d4;background:#fafbf7;padding:10px;gap:7px;border-radius:8px}.new-task>span{font-size:20px;color:#9cab90}.new-task input,.new-task select{border:0;background:transparent;min-width:0;font-size:11px;padding:4px;color:#65795f}.new-task #new-title{flex:1;color:var(--ink)}.new-task #new-minutes{width:55px}.new-task select{width:78px}.new-task button{background:var(--green);color:white;border:0;border-radius:5px;padding:7px 10px;font-size:11px}.empty{text-align:center;padding:38px 0;color:#9ba594}.empty-icon{display:block;font-size:30px;color:#c2cdb8;margin-bottom:12px}.empty strong{font-size:12px;font-weight:500}.empty p{font-size:10px}.task-row{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #f0f1ec}.task-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);flex-shrink:0;cursor:pointer}.task-title{border:0;background:none;color:#34483a;flex:1;min-width:0;padding:4px;font-size:12px}.task-row.done .task-title{text-decoration:line-through;color:#a2aa9c}.task-meta{display:flex;align-items:center;gap:7px}.task-category{font-size:9px;padding:4px 6px;border-radius:4px;color:#778264;background:#f0f3e9}.task-minutes{width:40px;border:0;color:#8f9987;font-size:10px;background:none}.task-delete{border:0;background:none;color:#b3b9ac;font-size:16px;padding:5px}.task-delete:hover{color:#ad655a}.task-footer{display:flex;justify-content:space-between;font-size:9px;color:#a1a995;padding-top:19px}.reflection-card label{display:block;margin:19px 0 10px;font-size:12px;color:#697b61}textarea{width:100%;resize:vertical;border:1px solid #e9ece3;border-radius:7px;background:#fafbf8;color:var(--ink);padding:12px;line-height:1.8;font-size:12px}::placeholder{color:#a4ac9d}.progress-card{text-align:center;padding:27px 20px}.progress-card h2{font-size:13px;margin-top:10px}.progress-ring{--progress:0%;width:151px;height:151px;margin:25px auto;background:conic-gradient(#648365 var(--progress),#edf0e7 0);border-radius:50%;display:grid;place-items:center;transform:rotate(-0deg)}.progress-ring>div{width:134px;height:134px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring strong{font-size:38px;font-weight:450;letter-spacing:-2px}.progress-ring strong span{font-size:16px;margin-left:4px;letter-spacing:0}.progress-ring small{font-size:9px;margin-top:7px;color:#98a18c}.stat-row{display:flex;justify-content:center;margin-bottom:23px}.stat-row>div{width:50%;display:flex;flex-direction:column;gap:7px}.stat-row>div+div{border-left:1px solid var(--line)}.stat-row strong{font-size:21px;font-weight:450}.stat-row span{font-size:9px;color:#929f87}.progress-card>p{font-size:10px;background:#f4f7ef;color:#7c906d;padding:12px 4px;border-radius:6px;margin:0}.mood-card h2{font-size:13px}.mood-card>p{font-size:10px;color:#99a18f;margin:10px 0 20px}.moods{display:flex;justify-content:space-between;gap:7px}.moods button{flex:1;border:1px solid #e9ede3;border-radius:9px;background:#fff;color:#9ba88e;padding:11px 3px;font-size:26px}.moods button span{display:block;font-size:9px;margin-top:6px}.moods button[aria-pressed=true]{background:#eef3e8;border-color:#9bb28c;color:#58774c}.quote-card{padding:14px 20px 25px;position:relative;overflow:hidden;color:#89977b}.quote-card>div:first-child{font:45px Georgia;color:#c5ceb8;height:35px}.quote-card blockquote{margin:0;line-height:2;font-size:13px;font-family:serif}.quote-card>span{font-size:9px;display:block;margin-top:15px;color:#aab39f}.plant{font-size:110px;position:absolute;right:-12px;bottom:-30px;color:#e5eadc;z-index:-1}footer{margin-top:33px;padding:22px 0;border-top:1px solid var(--line);font-size:9px;color:#a8b09f;display:flex;justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.page{padding-top:50px}.content-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1150px){.sidebar{width:220px;padding:35px 19px}main{margin-left:220px}.page{padding:30px 25px 0}header{padding:0 25px}.content-grid{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.card{padding:20px}.new-task{flex-wrap:wrap}.new-task #new-title{flex-basis:70%}.section-heading{flex-wrap:wrap}h1{font-size:25px}}
@media(max-width:850px){.sidebar{position:static;width:auto;padding:20px 24px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.brand-en{width:auto;margin:0;padding-left:5px}.sidebar-caption,.nav,.calendar,.sidebar-bottom{display:none}main{margin:0}header{height:54px}.content-grid{grid-template-columns:minmax(0,1fr) 240px}h1{font-size:23px}h1 span{font-size:27px}}
@media(max-width:650px){.page{padding:27px 17px 0}header{padding:0 18px}.breadcrumb{font-size:10px}#save-status{font-size:8px}.page-heading{align-items:flex-start;gap:8px}.page-heading .quiet-button{font-size:10px;padding:8px;white-space:nowrap;margin-top:28px}h1{font-size:21px;letter-spacing:0}h1 span{display:none}.eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading p{font-size:10px}.date-title h2{font-size:13px}.date-icon{display:none}.date-controls{gap:3px}.date-controls input{width:117px;font-size:10px}.content-grid{display:flex;flex-direction:column}.secondary-column{display:grid;grid-template-columns:1fr;gap:16px}.progress-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.progress-card .eyebrow,.progress-card h2{grid-column:1/-1}.progress-ring{margin:15px auto;width:130px;height:130px}.progress-ring>div{width:114px;height:114px}.stat-row{margin:0;flex-direction:column;gap:18px}.stat-row>div{width:100%}.stat-row>div+div{border:0}.progress-card>p{grid-column:1/-1}.quote-card{display:none}.task-meta{gap:2px}.task-category{font-size:8px}.task-row{gap:6px}.task-title{font-size:12px}.task-minutes{width:32px}.filters button{font-size:9px}.new-task #new-title{flex-basis:75%}footer span{display:none}}

.mobile-backup{display:none}.mobile-backup button{background:none;border:0;color:var(--green);font-size:10px;padding:0 6px}@media(max-width:850px){.mobile-backup{display:flex}}

/* Keep time controls on a separate line so task text stays readable. */
.new-task{flex-wrap:wrap}.new-task #new-title{flex-basis:calc(100% - 40px)}
.time-range{display:flex;align-items:center;gap:7px;color:#8b9980}
.time-range input[type=time]{width:103px;min-width:0;border:1px solid #e0e7d9;background:#f8faf4;border-radius:6px;padding:7px;color:#456b58;font-size:12px}
.new-time-range label{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}
.new-time-range{margin-right:auto;flex-wrap:wrap}.new-task #new-minutes{width:57px}
.schedule-hint{color:#97a28d;font-size:10px;line-height:1.7;margin:10px 0 0}
.task-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;column-gap:11px;row-gap:8px}
.task-row>input[type=checkbox]{grid-column:1;grid-row:1}
.task-row>.task-title{grid-column:2;grid-row:1;width:100%}
.task-row>.task-meta{grid-column:3;grid-row:1}
.task-time-range{grid-column:2/-1;grid-row:2}.task-time-range small{font-size:9px;color:#a58d60}
.task-minutes[readonly],#new-minutes[readonly]{color:#8e9c85;background:#f1f4ec;border-radius:4px}
@media(max-width:650px){.new-time-range{width:100%;justify-content:flex-start}.new-time-range label{flex:1;flex-direction:column;align-items:flex-start;gap:5px}.new-time-range input[type=time]{width:100%;font-size:14px;min-height:39px}.new-task #new-title{flex-basis:calc(100% - 40px)}.task-time-range{grid-column:1/-1;margin-left:29px}.task-row{column-gap:6px}.task-time-range input[type=time]{width:104px;min-height:37px}.task-meta .task-category{max-width:52px;overflow:hidden;white-space:nowrap}}

.live-status{margin:0 0 23px;border:1px solid #dce5d5;border-radius:12px;background:#f0f5e9;padding:18px 22px}
.live-status-header{display:flex;align-items:center;gap:8px;font-size:11px;color:#537247}.live-status-header>span:last-child{margin-left:auto;color:#91a083;font-size:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#76965e;box-shadow:0 0 0 4px #76965e15}
.live-activity p{font-size:13px;line-height:1.9;margin:12px 0 6px;overflow-wrap:anywhere}.live-activity progress{appearance:none;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;background:#dfe8d5}.live-activity progress::-webkit-progress-bar{background:#dfe8d5}.live-activity progress::-webkit-progress-value{background:#749361;border-radius:4px}.live-activity progress::-moz-progress-bar{background:#749361;border-radius:4px}.overlap-hint{font-size:10px;color:#9b8050;margin:12px 0 0}@media(max-width:650px){.live-status{padding:16px}.live-activity p{font-size:12px}.live-status-header>span:last-child{font-size:8px}}

.storage-error{background:#fff2e3;color:#8c5c32;border:1px solid #ebd4b8;border-radius:9px;padding:14px 18px;margin-bottom:20px;font-size:12px;line-height:1.8}.storage-error button{border:1px solid #d2b491;border-radius:5px;background:white;padding:6px 9px;margin-left:10px}.migration-button{margin-bottom:20px}[hidden]{display:none!important}