:root{--ink:#322e32;--muted:#7f7578;--line:#eee4e5;--paper:#fffdfb;--accent:#b94b5a;--accent-dark:#963946;--accent-soft:#fbe9eb;--shadow:0 20px 55px #4f2d301f,0 4px 14px #4f2d3012}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b94b5a45;outline-offset:2px}.Todo{background:radial-gradient(circle at 10% 0,#e19ea840,#0000 33rem),radial-gradient(circle at 94% 20%,#f5d3b466,#0000 30rem),#f8f4f1;color:#322e32;color:var(--ink);min-height:100vh;padding:72px 24px 38px}.todo-shell{margin:0 auto;width:min(100%,760px)}.todoapp{background:#fffdfb;background:var(--paper);border:1px solid #70454a14;border-radius:24px;box-shadow:0 20px 55px #4f2d301f,0 4px 14px #4f2d3012;box-shadow:var(--shadow);overflow:hidden}.header{background:linear-gradient(135deg,#fff7f5,#fffdfb 62%,#fdf4ed);border-bottom:1px solid #eee4e5;border-bottom:1px solid var(--line);padding:34px 36px 28px}.heading-row{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.13em;margin:0 0 2px;text-transform:uppercase}.eyebrow,.header h1{color:#b94b5a;color:var(--accent)}.header h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,9vw,5rem);font-weight:400;letter-spacing:-.09em;line-height:.88;margin:0}.heading-mark{border:1px solid #efc9ce;border-radius:50%;color:#b94b5a;color:var(--accent);display:grid;font-size:1.35rem;font-weight:800;height:44px;place-items:center;width:44px}.header-copy{color:#7f7578;color:var(--muted);font-size:.96rem;margin:16px 0 25px}.new-task-row{align-items:stretch;display:flex;gap:10px}.new-todo{background:#fff;border:1px solid #e7dede;border-radius:12px;box-shadow:inset 0 1px 2px #4b2c2f08;color:#322e32;color:var(--ink);min-width:0;padding:15px 17px;width:100%}.edit-notes textarea::placeholder,.new-task-details input::placeholder,.new-todo::placeholder{color:#b8adae}.add-task-button,.save-button{align-items:center;background:#b94b5a;background:var(--accent);border:0;border-radius:12px;color:#fff;display:inline-flex;font-weight:700;gap:5px;justify-content:center;min-width:90px;padding:0 16px;transition:background .16s ease,transform .16s ease}.add-task-button span:first-child{font-size:1.3rem;font-weight:400;line-height:1}.add-task-button:hover,.save-button:hover{background:#963946;background:var(--accent-dark);transform:translateY(-1px)}.details-toggle{background:#0000;border:0;color:#b94b5a;color:var(--accent);font-size:.84rem;font-weight:700;margin-top:12px;padding:2px 0}.details-toggle:hover{color:#963946;color:var(--accent-dark);text-decoration:underline}.edit-options,.new-task-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:.9fr 1.15fr 1.5fr;margin-top:14px}.edit-notes,.edit-options label,.new-task-details label{grid-gap:6px;color:#7f7578;color:var(--muted);display:grid;font-size:.76rem;font-weight:700;gap:6px}.edit-notes textarea,.edit-options input,.edit-options select,.new-task-details input,.new-task-details select{background:#fff;border:1px solid #e7dede;border-radius:9px;color:#322e32;color:var(--ink);font-size:.88rem;min-height:38px;padding:8px 10px;width:100%}.task-tools{gap:12px;justify-content:space-between;padding:18px 36px 12px}.search-field,.task-tools{align-items:center;display:flex}.search-field{border:1px solid #eee4e5;border:1px solid var(--line);border-radius:10px;color:#9a888a;flex:1 1;gap:8px;min-width:0;padding:9px 12px}.search-field span{font-size:1.3rem;line-height:.7}.search-field input{background:#0000;border:0;color:#322e32;color:var(--ink);font-size:.88rem;min-width:0;width:100%}.search-field input:focus{outline:0}.sort-select{align-items:center;color:#7f7578;color:var(--muted);display:flex;font-size:.76rem;font-weight:700;gap:7px;white-space:nowrap}.sort-select select{background:#fff;border:1px solid #eee4e5;border:1px solid var(--line);border-radius:8px;color:#322e32;color:var(--ink);font-size:.83rem;padding:8px 24px 8px 8px}.task-summary{color:#7f7578;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px;padding:0 36px 18px}.task-summary span{background:#f8f4f2;border-radius:999px;padding:5px 9px}.task-summary strong{color:#322e32;color:var(--ink)}.task-summary .overdue-summary{background:#fff0ed;color:#a9453d}.main{border-top:1px solid #eee4e5;border-top:1px solid var(--line)}.list-heading{align-items:center;border-bottom:1px solid #eee4e5;border-bottom:1px solid var(--line);color:#7f7578;color:var(--muted);display:flex;font-size:.79rem;font-weight:800;gap:10px;letter-spacing:.04em;padding:14px 36px;text-transform:uppercase}.list-heading small{background:#fbe9eb;background:var(--accent-soft);border-radius:999px;color:#b94b5a;color:var(--accent);display:grid;font-size:.7rem;height:20px;min-width:20px;padding:0 5px;place-items:center}.check-control,.toggle-all-control{cursor:pointer;display:grid;flex:0 0 auto;height:24px;place-items:center;position:relative;width:24px}.toggle,.toggle-all{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.check-control span,.toggle-all-control span{border:1.5px solid #d9cbcd;border-radius:50%;color:#0000;display:grid;font-size:.82rem;font-weight:900;height:22px;place-items:center;transition:all .15s ease;width:22px}.toggle-all:checked+span,.toggle:checked+span{background:#b94b5a;background:var(--accent);border-color:#b94b5a;border-color:var(--accent);color:#fff}.todo-list{list-style:none;margin:0;padding:0}.todo-item{border-bottom:1px solid #eee4e5;border-bottom:1px solid var(--line)}.todo-item:last-child{border-bottom:0}.view{align-items:flex-start;display:flex;gap:13px;padding:18px 36px;transition:background .15s ease}.todo-item:hover .view{background:#fffaf8}.check-control{margin-top:2px}.task-content{flex:1 1;min-width:0}.task-title{background:#0000;border:0;color:#322e32;color:var(--ink);font-size:1rem;font-weight:650;line-height:1.35;max-width:100%;padding:0;text-align:left;transition:color .15s ease}.task-title:hover{color:#b94b5a;color:var(--accent)}.task-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.due-date,.priority{border-radius:5px;font-size:.69rem;font-weight:700;padding:3px 7px}.priority-high{background:#fff0ed;color:#a6443d}.priority-medium{background:#fff7df;color:#996a24}.priority-low{background:#edf6f3;color:#52706b}.due-date{background:#f5f1f0;color:#786d70}.due-date.overdue{background:#ffebe8;color:#a13d37}.task-notes{color:#7f7578;color:var(--muted);font-size:.82rem;line-height:1.45;margin:8px 0 0;white-space:pre-wrap}.task-actions{align-items:center;display:flex;gap:4px;margin:-5px -8px -5px 2px}.destroy,.edit-button{background:#0000;border:0;color:#7f7578;color:var(--muted);display:grid;place-items:center}.edit-button{border-radius:7px;font-size:.78rem;font-weight:700;padding:7px}.edit-button:hover{background:#fbe9eb;background:var(--accent-soft);color:#b94b5a;color:var(--accent)}.destroy{border-radius:50%;color:#b4a4a6;font-size:1.5rem;font-weight:300;height:30px;line-height:1;width:30px}.destroy:hover{background:#d46067;color:#fff}.todo-item.completed .task-title{color:#aaa0a1;text-decoration:line-through;text-decoration-thickness:1px}.todo-item.completed .task-meta,.todo-item.completed .task-notes{opacity:.58}.edit-panel{background:#fff9f7;padding:20px 36px}.edit-title-label{color:#b94b5a;color:var(--accent);display:block;font-size:.76rem;font-weight:800;margin-bottom:7px}.edit{background:#fff;border:1px solid #e6cbd0;border-radius:9px;color:#322e32;color:var(--ink);font-weight:650;padding:11px 12px;width:100%}.edit-options{grid-template-columns:1fr 1fr}.edit-notes{margin-top:12px}.edit-notes textarea{resize:vertical}.edit-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:14px}.cancel-button{background:#0000;border:1px solid #e4d8d9;border-radius:9px;color:#7f7578;color:var(--muted);font-size:.83rem;font-weight:700;padding:9px 13px}.cancel-button:hover{background:#fff;color:#322e32;color:var(--ink)}.save-button{font-size:.83rem;min-height:36px;padding:8px 13px}.empty-state{padding:58px 26px 64px;text-align:center}.empty-icon{background:#fbe9eb;background:var(--accent-soft);border-radius:50%;color:#b94b5a;color:var(--accent);display:grid;font-size:1.2rem;height:50px;margin:0 auto 16px;place-items:center;width:50px}.empty-state h2{font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:400;margin:0}.empty-search,.empty-state p{color:#7f7578;color:var(--muted);font-size:.9rem;margin:9px 0 0}.empty-search{padding:38px 36px;text-align:center}.footer{align-items:center;background:#fffcfb;border-top:1px solid #eee4e5;border-top:1px solid var(--line);color:#7f7578;color:var(--muted);display:flex;font-size:.78rem;gap:16px;justify-content:space-between;padding:17px 36px}.todo-count{white-space:nowrap}.todo-count strong{color:#322e32;color:var(--ink)}.filters{align-items:center;display:flex;gap:3px}.filters button{background:#0000;border:1px solid #0000;border-radius:7px;color:#7f7578;color:var(--muted);font-size:.76rem;padding:6px 8px}.filters button.selected,.filters button:hover{color:#b94b5a;color:var(--accent)}.filters button.selected{background:#fbe9eb;background:var(--accent-soft);border-color:#edcbd0;font-weight:800}.clear-completed{background:#0000;border:0;color:#b94b5a;color:var(--accent);font-size:.76rem;padding:0;white-space:nowrap}.clear-completed:hover{color:#963946;color:var(--accent-dark);text-decoration:underline}.helper-text{color:#96898a;font-size:.78rem;margin:18px 0 0;text-align:center}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:620px){.Todo{padding:24px 12px 26px}.todoapp{border-radius:18px}.edit-panel,.footer,.header,.list-heading,.task-summary,.task-tools,.view{padding-left:20px;padding-right:20px}.header{padding-bottom:23px;padding-top:28px}.new-task-details{grid-template-columns:1fr 1fr}.new-task-details .notes-field{grid-column:1/-1}.task-tools{align-items:stretch;flex-direction:column}.sort-select{justify-content:space-between}.sort-select select{flex:1 1}.footer{flex-wrap:wrap}.filters{justify-content:center;order:3;width:100%}}@media (max-width:420px){.new-task-row{gap:7px}.add-task-button{min-width:44px;padding:0 12px}.add-task-button span:last-child{display:none}.heading-mark{height:38px;width:38px}.task-actions{flex-direction:column;gap:0;margin-top:-7px}.edit-options,.new-task-details{grid-template-columns:1fr}.new-task-details .notes-field{grid-column:auto}}html{background:#f8f4f1;min-width:320px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}
/*# sourceMappingURL=main.c0b459ff.css.map*/