:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.container{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.container h1,.subtitle{text-align:center;grid-column:1 / -1}h1{margin-bottom:.5rem}.subtitle{margin-bottom:1rem}.sectionHeaders{margin-top:0;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;border-bottom:2px solid #e8ded2;padding-bottom:.75rem}body{background:#f7f1e8;color:#332820}.add,.view{background:#fffaf7;border-radius:12px;padding:1.5rem}textarea,select{width:100%;padding:.5rem;margin-bottom:1rem;border-radius:8px;border:1px solid #ccc}.button-row{display:flex;justify-content:flex-end}button{cursor:pointer;border:none;padding:.7rem 1rem;border-radius:8px}.add-button,.save{display:block;margin-left:auto}.todo-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.todoButtons{display:flex;gap:.5rem}.sort{display:flex;align-items:center;gap:.5rem}.sort select{width:auto;margin-bottom:0}.tabs{display:flex;gap:.5rem}.tabs button{padding:.5rem 1rem;border-radius:20px}.priority-high,.priority-medium,.priority-low{background:#fafafa;border-radius:10px;display:grid;align-items:center;grid-template-columns:50px 175px 100px 175px 150px;padding:1rem;margin-bottom:1rem;column-gap:1rem;min-height:60px}.priority-high{border-left:8px solid rgb(255,68,68)}.priority-medium{border-left:8px solid rgb(255,183,49)}.priority-low{border-left:8px solid rgb(255,255,107)}.completed{opacity:.5}