:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24221f;background:#f7f4ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:wait;opacity:.7}.app-shell{width:min(100%,1240px);min-height:100vh;margin:0 auto;padding:28px 18px 48px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 6px;color:#7b7064;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{color:#201e1b;font-size:2rem;line-height:1.15;letter-spacing:0}.sync-status{min-width:176px;display:grid;gap:6px;justify-items:end;color:#5f766d;text-align:right}.sync-status span{font-weight:800}.sync-status small{max-width:220px;overflow:hidden;color:#7b7064;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.sync-status.error{color:#9a4d3a}.sync-status.syncing{color:#76633e}.sync-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.sync-actions button{min-height:34px;padding:0 10px;border:1px solid #d6cec2;border-radius:8px;color:#2f473f;background:#fffcf7;font-size:.82rem;font-weight:800}.sync-actions button:hover:not(:disabled),.sync-actions button:focus-visible{border-color:#547d72;background:#edf5f1}.task-board{display:grid;gap:16px}.future-group,.future-sections{display:grid;gap:14px}.future-group>h2{color:#25221f;font-size:1.2rem;line-height:1.2;letter-spacing:0}.dated-add{display:grid;gap:10px;padding-top:24px}.dated-add h2{color:#25221f;font-size:1.05rem;line-height:1.2;letter-spacing:0}.dated-add-form{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px}.dated-add-form input{min-height:46px;padding:0 12px;border:1px solid #d8d0c4;border-radius:8px;color:#24221f;background:#fffcf7;outline:none}.dated-add-form input:focus{border-color:#547d72;box-shadow:0 0 0 3px #547d7229}.task-section{display:grid;gap:12px;align-content:start;padding:14px;border-bottom:1px solid #ded7cc;border-radius:10px;background:#fffcf78c}.task-section.is-drop-target{border-color:#88aaa0;background:#edf5f1b8;box-shadow:inset 0 0 0 2px #547d722e}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-header h2{color:#25221f;font-size:1.2rem;line-height:1.2;letter-spacing:0}.section-header p{margin-top:3px;color:#776e63;font-size:.9rem}.task-count{min-width:34px;height:28px;display:inline-grid;place-items:center;border:1px solid #d6cec2;border-radius:999px;color:#766a5c;font-size:.86rem;font-weight:800}.add-task input{width:100%;min-height:46px;padding:0 14px;border:1px solid #d8d0c4;border-radius:8px;color:#24221f;background:#fffcf7;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.add-task input:focus{border-color:#547d72;box-shadow:0 0 0 3px #547d7229}.task-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.task-row{min-height:52px;display:grid;grid-template-columns:44px minmax(0,1fr) 42px 38px;align-items:center;gap:8px;padding:4px 6px;border:1px solid transparent;border-radius:8px;background:#fffcf7c7;touch-action:pan-y;transition:opacity .3s ease,transform .3s ease,background-color .3s ease,border-color .3s ease}.task-row.is-done{border-color:#d8d0c4;opacity:.58;transform:translateY(3px);background:#e8e2d9b3}.task-row.is-dragging{border-color:#9ab7ae;opacity:.82;transform:scale(.99)}.task-row.is-drag-over{border-color:#547d72;box-shadow:inset 0 3px #547d72}.check-button{width:44px;height:44px;display:inline-grid;place-items:center;border:0;border-radius:8px;color:#fffcf7;background:transparent}.check-button span{width:24px;height:24px;display:inline-grid;place-items:center;border:2px solid #7d7469;border-radius:6px;color:#fffcf7;background:#fffcf7;line-height:1;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.task-row.is-done .check-button span{border-color:#4f786e;background:#4f786e;transform:scale(1.04)}.task-title{width:100%;min-width:0;border:0;color:#24221f;background:transparent;outline:none}.task-title:focus{box-shadow:inset 0 -2px #4f786e}.task-row.is-done .task-title{color:#70675c;text-decoration:line-through}.drag-handle{width:42px;height:42px;display:inline-grid;place-items:center;border:0;border-radius:8px;color:#5f766d;background:transparent;font-weight:800;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.drag-handle:hover:not(:disabled),.drag-handle:focus-visible{background:#e6eee9}.drag-handle span{transform:rotate(90deg)}.delete-button{width:38px;height:38px;border:0;border-radius:8px;color:#8a5a4d;background:transparent;font-size:1.25rem;line-height:1}.delete-button:hover,.delete-button:focus-visible{background:#f1e5df}.empty-state{padding:8px 2px;color:#81776b;font-size:.95rem}@media (min-width: 760px){.app-shell{padding-top:42px}h1{font-size:2.3rem}}@media (min-width: 900px){.task-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.task-section{min-height:420px;border:1px solid #ded7cc;box-shadow:0 14px 36px #332b200f}.future-group{max-height:calc(100vh - 176px);overflow:auto}}@media (prefers-color-scheme: dark){:root{color:#f6f0e7;background:#1e1d1a}h1,.section-header h2{color:#fff8ee}.eyebrow,.section-header p,.sync-status small,.empty-state{color:#b9afa0}.task-section{border-bottom-color:#39342f;background:#292622a3}.task-section.is-drop-target{border-color:#7fb1a3;background:#263631c7;box-shadow:inset 0 0 0 2px #7fb1a338}.task-count{border-color:#4a433b;color:#d2c7b8}.sync-actions button{border-color:#4a433b;color:#cce5dc;background:#292622}.sync-actions button:hover:not(:disabled),.sync-actions button:focus-visible{border-color:#7fb1a3;background:#263631}.add-task input,.dated-add-form input,.task-row{color:#f6f0e7;background:#292622}.add-task input,.dated-add-form input{border-color:#454039}.dated-add h2{color:#fff8ee}.future-group>h2{color:#fff8ee}.task-title{color:#f6f0e7}.task-row.is-done{border-color:#403a34;background:#24211e}.task-row.is-done .task-title{color:#aaa092}.check-button span{border-color:#9b9184;background:#292622}.delete-button{color:#d49a86}.drag-handle{color:#9ec3b7}.drag-handle:hover:not(:disabled),.drag-handle:focus-visible{background:#263631}.delete-button:hover,.delete-button:focus-visible{background:#3a2d28}}@media (max-width: 440px){.app-header{display:grid}.sync-status{justify-items:start;text-align:left}.sync-actions{justify-content:flex-start}.dated-add-form{grid-template-columns:1fr}.task-row{grid-template-columns:44px minmax(0,1fr) 42px 38px}.delete-button{grid-column:4}}