body{font-family:system-ui,sans-serif;background-color:#b8a282;color:#333;margin:0;padding:1rem}main{background-color:#e2dbc8;border-radius:6px;padding:2rem;max-width:1000px;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,.05)}h1{font-size:1.6rem;text-align:center;margin-bottom:1.5rem}input{font-size:1rem;padding:.5rem;margin:.25rem;border:1px solid #cabe9b;border-radius:4px;width:100%;max-width:200px;box-sizing:border-box}input[type=color]{border:none;border-radius:0 5rem 5rem 0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}button{background-color:#605443;border:none;border-radius:4px;color:#fff;font-size:.95rem;padding:.5rem 1rem;cursor:pointer;margin:.25rem;transition:background-color .2s ease}button:hover{background-color:#7e6e58}button:disabled{opacity:.6;cursor:not-allowed}ul{list-style:none;padding:0;margin:1rem 0}li{background:#d8ccb4;border:1px solid #94866d;border-radius:4px;margin-bottom:.5rem;padding:.75rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.modal{background-color:#c0a886;border:1px solid #444;padding:1.5rem;position:fixed;top:20%;left:50%;transform:translateX(-50%);z-index:10;width:90%;max-width:300px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:6px}.tasks{border:1px solid gray;padding:15px}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;justify-content:center}