:root{--bg:#f7f7f2;--paper:#fff;--ink:#303b36;--muted:#858b84;--line:#e9ebe4;--accent:#e76c48;--accent-pale:#fff1e9;--green:#65806a;--yellow:#c3a35d;--purple:#8d89ae;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}button,input,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid var(--green)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;border-right:1px solid var(--line);padding:36px 24px 24px;display:flex;flex-direction:column;background:#f4f5ee;position:fixed;inset:0 auto 0 0}.brand{font-size:25px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:center;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;background:var(--accent);color:white;width:34px;height:34px;border-radius:11px;font-size:23px;letter-spacing:0;margin-right:10px}.brand-dot{color:var(--accent)}.workspace-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:55px 0 18px}.nav-current{display:flex;align-items:center;gap:10px;padding:13px 12px;background:#e8ece1;border-radius:9px;font-size:13px;font-weight:600}.nav-current>span:first-child{font-size:20px;color:var(--green)}.nav-mark{height:6px;width:6px;background:var(--green);border-radius:50%;margin-left:auto}.sidebar-note{margin-top:auto;padding:55px 4px 35px}.note-symbol{font-size:48px;font-weight:400;color:var(--green);display:block;transform:rotate(15deg);width:max-content}.sidebar-note p{font-size:23px;line-height:1.35;letter-spacing:-.7px;margin:20px 0}.note-line{display:block;width:35px;height:2px;background:#c7d1c1;margin:24px 0}.sidebar-note small{font-size:10px;color:var(--muted)}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:23px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3e7dc;font-size:12px}.sidebar-bottom strong{display:block;font-size:11px;font-weight:600}.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.page{width:calc(100% - 224px);margin-left:224px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.breadcrumb{color:var(--muted)}.breadcrumb span{padding:0 13px;color:#c9cdc2}.breadcrumb strong{color:var(--ink);font-weight:500}.local-indicator{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.local-indicator i,.tiny-dot{background:#8ba27c;width:5px;height:5px;border-radius:50%;display:inline-block}main{padding:40px 44px 20px;max-width:1480px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:var(--green)}h1{font-size:clamp(25px,2.6vw,39px);line-height:1.23;letter-spacing:-1.4px;margin:13px 0}h1>span{color:var(--accent)}.page-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.heading-doodle{font-size:80px;color:#d8ddcd;line-height:1;margin:0 10px 0 20px;transform:rotate(-10deg)}h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.3px}.date-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.day-navigation{display:flex;align-items:center;gap:17px}.day-navigation h2{font-size:20px;letter-spacing:-.6px}.day-navigation .muted{font-size:10px;margin-top:5px}.icon-button{display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:8px;width:32px;height:32px;font-size:24px;line-height:1}.icon-button:hover{background:#edf0e6}.date-actions{display:flex;align-items:center;gap:10px}.button{border:0;border-radius:8px;min-height:38px;padding:10px 15px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.primary{color:white;background:var(--accent)}.primary:hover{background:#d65b39}.primary>span{font-size:19px;line-height:12px}.subtle{background:white;border:1px solid var(--line)}.subtle:hover{background:#f0f2e9}.date-picker input{border:1px solid var(--line);background:white;border-radius:8px;font-size:11px;min-height:38px;padding:8px 10px;color:var(--ink);max-width:160px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px}.small{font-size:10px}.muted{color:var(--muted)}.count{background:#f1f3ec;border-radius:5px;color:var(--green);font-size:10px;padding:3px 6px;margin-left:7px;font-weight:500;vertical-align:middle}.add-form{margin:0 24px 22px;padding:15px;background:#fafbf7;border:1px solid #e4e8dc;border-radius:10px}.add-form>input{display:block;width:100%;background:none;border:0;font-size:13px;color:var(--ink);padding:0 0 16px;min-height:35px;outline-offset:5px}.add-form>input::placeholder{color:#9b9f96}.add-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.priority-picker select{border:0;background:transparent;color:var(--green);font-size:10px;max-width:185px;min-height:32px;padding:0 5px 0 0}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 24px 15px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:3px}.filters button{border:0;background:none;padding:7px 10px;font-size:10px;color:var(--muted);border-radius:6px;white-space:nowrap}.filters button[aria-pressed=true]{background:#edf1e6;color:#526b48;font-weight:600}.filters button span{font-size:9px;margin-left:3px;opacity:.8}.sort-note{font-size:9px;color:#999f94;white-space:nowrap}.task-list{list-style:none;margin:0;padding:0 24px}.task-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0f1ec;min-height:81px}.task-check{appearance:none;width:20px;height:20px;border:1.5px solid #d8ddcf;border-radius:6px;display:grid;place-items:center;flex-shrink:0;cursor:pointer;margin:0}.task-check:checked{background:var(--green);border-color:var(--green)}.task-check:checked:after{content:'✓';font-size:13px;color:white}.task-body{min-width:0;flex:1}.task-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere;display:block;cursor:pointer}.task-row.is-done .task-title{text-decoration:line-through;color:#a0a69a}.task-meta{margin-top:5px;display:flex;align-items:center;gap:4px;font-size:9px}.priority-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.priority-urgent{color:var(--accent)}.priority-secondary{color:var(--yellow)}.priority-later{color:var(--purple)}.task-row.is-done .task-meta{opacity:.6}.row-actions{display:flex;gap:3px}.row-action{border:0;background:transparent;width:28px;height:30px;border-radius:6px;color:#949d8c;font-size:17px;display:grid;place-items:center}.row-action:hover{background:#f3f4ed;color:var(--ink)}.delete-button:hover{background:#fff1eb;color:var(--accent)}.row-action svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6}.empty-state{padding:38px 30px 44px;text-align:center}.empty-icon{width:52px;height:52px;border:1px dashed #c7d3bd;background:#f5f7ef;border-radius:17px;display:grid;place-items:center;margin:0 auto 18px;font-size:23px;color:#91a47d;transform:rotate(-7deg)}.empty-state h3{font-size:15px;margin:0 0 8px;font-weight:600}.empty-state p{font-size:11px;line-height:1.8;color:var(--muted);max-width:280px;margin:auto}.task-footer{display:flex;align-items:center;gap:7px;padding:16px 24px;font-size:9px;color:var(--muted);border-top:1px solid var(--line)}.task-panel{align-self:start;min-height:450px}.progress-panel{padding-bottom:7px;align-self:start}.sparkle{font-size:23px;color:var(--yellow)}.main-ring-wrap{display:flex;justify-content:center;padding:7px 0 15px}.ring{--value:0;--ring-color:var(--accent);background:conic-gradient(var(--ring-color) calc(var(--value)*1%),#f0f1e9 0);border-radius:50%;display:grid;place-items:center;position:relative}.ring:before{content:'';background:white;border-radius:50%;position:absolute;inset:11px}.main-ring{width:165px;height:165px;transform:rotate(-90deg)}.ring-center{position:relative;z-index:1;text-align:center;transform:rotate(90deg)}.ring-center strong{display:block;font-weight:600;font-size:43px;letter-spacing:-2px;line-height:1.1}.ring-center strong span{font-size:19px;letter-spacing:-.5px;margin-left:2px}.ring-center small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.progress-message{font-size:13px;text-align:center;font-weight:600;margin:5px 20px 7px}.progress-detail{color:var(--muted);font-size:10px;text-align:center;margin:0 20px 24px}.priority-progress{border-top:1px solid var(--line);margin:0 24px;padding-top:8px}.priority-line{display:flex;align-items:center;gap:11px;padding:12px 0}.mini-ring{width:30px;height:30px;flex-shrink:0;transform:rotate(-90deg)}.mini-ring:before{inset:4px}.priority-label{font-size:10px;flex:1}.priority-fraction{font-size:10px;color:var(--muted)}.week-panel{grid-column:1/-1}.week-panel .panel-heading{padding-bottom:15px}.week-panel .panel-heading p{margin:6px 0 0}.week-badge{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:7px 9px;white-space:nowrap;color:var(--green)}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:4px 24px 16px}.week-day{border:1px solid transparent;background:none;border-radius:9px;padding:13px 5px 10px;display:flex;flex-direction:column;align-items:center;gap:7px}.week-day:hover{background:#f7f8f2}.week-day[aria-pressed=true]{border-color:#e0e6d6;background:#f7f9f2}.week-day>small{font-size:9px;color:var(--muted)}.week-day .ring{width:40px;height:40px;--ring-color:var(--green)}.week-day .ring:before{inset:4px}.week-day .ring>span{position:relative;font-size:11px;font-weight:600}.week-day>.day-fraction{font-size:9px;color:var(--muted)}.week-legend{display:flex;justify-content:center;gap:16px;padding:0 20px 19px;font-size:9px;color:var(--muted)}.week-legend>span{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.legend-dot.pale{background:#e5e9de}.backup-panel{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 3px;font-size:10px;color:#727e6b;line-height:1.9}.backup-panel small{font-size:9px;color:var(--muted)}.backup-panel>div{display:flex;gap:14px}.text-button{border:0;background:none;font-size:10px;color:#78856e;padding:10px 0}.text-button:hover{color:var(--accent)}.page-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:9px;color:#a0a697}.page-footer>span:first-child{font-size:8px;letter-spacing:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.warning{border:1px solid #e5bc78;background:#fff7e8;color:#765d36;border-radius:8px;padding:13px 16px;font-size:12px;line-height:1.6;margin-bottom:20px}dialog{border:1px solid var(--line);border-radius:16px;padding:25px;color:var(--ink);width:min(440px,calc(100% - 32px));box-shadow:0 25px 80px #303b3626}dialog::backdrop{background:#303b365e;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dialog-heading h2{font-size:20px}dialog label{display:block;font-size:12px;margin:16px 0 8px}dialog input,dialog select{padding:11px 12px;border:1px solid #dce1d3;border-radius:8px;background:#fcfcfa;width:100%;font-size:13px;color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;background:#303b36;color:white;padding:14px 18px;border-radius:11px;box-shadow:0 8px 35px #303b3630;z-index:10;font-size:12px;max-width:calc(100vw - 28px)}.toast span{line-height:1.5}.toast button{border:0;background:none;color:#e5cba8;font-size:12px;white-space:nowrap;padding:5px}.toast #close-toast{font-size:20px;color:#bfc8b9}
@media(min-width:1500px){main{padding-top:50px}.content-grid{grid-template-columns:minmax(0,1fr) 330px}.main-ring{width:180px;height:180px}.task-panel{min-height:470px}}
@media(max-width:1200px){.sidebar{width:190px;padding-left:18px;padding-right:18px}.page{margin-left:190px;width:calc(100% - 190px)}main{padding:30px 26px 20px}.topbar{padding:0 26px}.content-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.panel-heading{padding:20px}.task-toolbar{padding-left:20px;padding-right:20px}.add-form{margin-left:20px;margin-right:20px}.sort-note{display:none}.panel-heading>.small{display:none}.sidebar-note p{font-size:21px}.brand{font-size:23px}.heading-doodle{font-size:60px}.task-list{padding:0 20px}}
@media(max-width:1000px){.sidebar{width:74px;padding:27px 16px}.brand{font-size:0}.brand-dot,.workspace-label,.nav-current,.sidebar-note,.sidebar-bottom{display:none}.brand-icon{margin:0;width:40px;height:40px;flex-shrink:0}.page{margin-left:74px;width:calc(100% - 74px)}.content-grid{grid-template-columns:minmax(0,1fr) 255px}.heading-doodle{display:none}h1{font-size:30px}.topbar{height:66px}}
@media(max-width:760px){.sidebar{display:none}.page{margin-left:0;width:100%}.topbar{height:56px;padding:0 20px}.breadcrumb{font-size:10px}.local-indicator{font-size:9px}.breadcrumb span{padding:0 7px}main{padding:27px 18px 20px}.page-heading{margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:30px;max-width:390px}.page-heading p{font-size:11px;max-width:340px}.content-grid{grid-template-columns:1fr;gap:16px}.task-panel{min-height:370px}.progress-panel{grid-row:2;display:grid;grid-template-columns:1fr 1fr;padding-bottom:13px}.progress-panel>.panel-heading{grid-column:1/-1}.main-ring-wrap{grid-column:1;grid-row:2/5;padding:5px 0 12px}.main-ring{width:135px;height:135px}.ring-center strong{font-size:35px}.progress-message{grid-column:2;text-align:left;margin:8px 15px 3px 0;font-size:12px}.progress-detail{grid-column:2;text-align:left;margin:0 16px 10px 0;font-size:9px;line-height:1.7}.priority-progress{grid-column:2;margin:0 18px 0 0;padding-top:3px;border-top:0}.priority-line{gap:6px;padding:5px 0}.priority-label{font-size:9px}.mini-ring{width:22px;height:22px}.mini-ring:before{inset:3px}.priority-fraction{font-size:9px}.week-panel{grid-column:auto}.week-panel h2{font-size:12px}.week-panel .panel-heading{gap:8px}.week-badge{font-size:9px;padding:5px 7px}.week-days{padding-left:12px;padding-right:12px;gap:1px}.week-day{padding:9px 2px}.week-day .ring{width:35px;height:35px}.backup-panel{grid-column:auto}.date-toolbar{flex-wrap:wrap;gap:15px}.day-navigation{gap:12px}.date-actions{margin-left:auto}.day-navigation h2{font-size:18px}.page-footer{font-size:8px;gap:10px}.add-controls{gap:5px}.priority-picker select{max-width:178px;font-size:10px}.button{padding:10px 12px}.task-title{font-size:13px}.task-row{gap:10px}.row-action{width:27px;height:34px}.task-toolbar{padding-left:16px;padding-right:16px}.panel-heading{padding:20px 18px}.task-list{padding:0 18px}.add-form{margin-left:18px;margin-right:18px}.toast{bottom:15px;gap:10px}.backup-panel>div{gap:12px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}.task-row{animation:appear .2s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}}