:root{color:#1a1a1a;background:#f7f5f1;font-family:Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.app{max-width:40rem;margin:0 auto;padding:2rem 1.25rem 3rem}.header h1{margin:0 0 .25rem;font-size:2rem}.header p{margin:0 0 1.5rem;color:#555}.form{display:grid;gap:.5rem;margin-bottom:1.25rem}.form textarea{width:100%;padding:.75rem;border:1px solid #cfc9bf;border-radius:6px;resize:vertical;font:inherit}.form button{justify-self:start;padding:.55rem 1rem;border:0;border-radius:6px;background:#1f4b3a;color:#fff;font:inherit;cursor:pointer}.form button:disabled{opacity:.7;cursor:not-allowed}.error{color:#8a1f1f;background:#f8e8e8;padding:.6rem .75rem;border-radius:6px}.list h2{font-size:1.1rem;margin:0 0 .75rem}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.task-item{padding:.85rem 1rem;background:#fff;border:1px solid #e2ddd4;border-radius:6px}.task-title{margin:0 0 .35rem;font-size:1rem}.task-text{margin:0}.task-item time{display:block;margin-top:.4rem;font-size:.8rem;color:#777}.empty{color:#666}